Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4131

make menupopups with many menuitems scrollable

XMLWordPrintable

    • Icon: New Feature New Feature
    • Resolution: Done
    • Icon: Normal Normal
    • 8.6.1
    • 8.6.0
    • Components
    • Security Level: Jimmy
    • None

      The attachments show 2 cases where a menupopup with many items leads to inaccessible menuitems because they are rendered off screen. Scrolling them into view will hide the popup (even if ZK-4130) is fixed.

      So a usability enhancement could be to add a scrollbar to menupopups in general in case their height will exceed the screen height.

      Since those examples are edge cases a scrollbar seems an acceptable fallback to otherwise inaccessible menuitems - and it doesn't affect the behavior of menupopups with less menuitems.

      Workaround

      a simple style can add such a scrollbar on demand (commented out in the examples) making the menu items accessible again, even in nested levels

      	.z-menupopup {
      		max-height: 100%;
      		overflow-y: auto;
      	}
      

        1. column-menu-scroll.zul
          0.4 kB
          cor3000
        2. menu-many-items.zul
          0.6 kB
          cor3000

            CharlesQiu CharlesQiu
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Time Spent - 1 hour Remaining Estimate - 3 hours
                3h
                Logged:
                Time Spent - 1 hour Remaining Estimate - 3 hours
                1h