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

Horizontal custom scrollbar of Listbox covers the last item in Iceblue

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Normal
    • 8.6.2
    • 8.5.0
    • Browser Issue, Components
    • ZK 8.6.2 S2

    Description

      Steps to Reproduce

      run attached zul
      scroll to the bottom

      Current Result

      The embedded indicator covers the last item, making it hard to read

      Expected Result

      Shouldn't cover to the last item, like Breeze

      Debug Information

      https://github.com/zkoss/zk/blob/v8.6.1/zul/src/archive/web/zul/less/norm.less#L733
      Removed and everything will be okay.

      Margin cannot be used for occupying space for body.scrollTop
      https://jsfiddle.net/wbcg803q/2/

      Workaround

      <style><![CDATA[
          .z-scrollbar-vertical-embed {
              margin-right: 0;
          }
          .z-scrollbar-horizontal-embed {
              margin-bottom: 0;
          }
          ]]>
      </style>
      

      Attachments

        Issue Links

          Activity

            People

              rudyhuang rudyhuang
              rudyhuang rudyhuang
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - 1 day
                  1d
                  Remaining:
                  Time Spent - 5 hours Remaining Estimate - 3 hours
                  3h
                  Logged:
                  Time Spent - 5 hours Remaining Estimate - 3 hours
                  5h