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

Horizontal custom scrollbar of Listbox covers the last item in Iceblue

XMLWordPrintable

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

      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>
      

        1. breeze.png
          7 kB
          rudyhuang
        2. listbox-scrollbar-cover.zul
          1 kB
          rudyhuang
        3. screenshot-1.png
          7 kB
          rudyhuang

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

              Created:
              Updated:
              Resolved:

                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