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

make menupopups with many menuitems scrollable

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: Normal
    • Resolution: Done
    • Affects Version/s: 8.6.0
    • Fix Version/s: 8.6.1
    • Component/s: Components
    • Security Level: Jimmy
    • Labels:
      None

      Description

      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;
      	}
      

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  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