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

frozen overlap with position: relative/absolute

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: Freshly, 8.5.0, 8.5.1
    • Fix Version/s: 8.5.2
    • Component/s: Components
    • Security Level: Jimmy
    • Labels:
      None
    • Environment:

      problem verified in Chrome/FF/IE11/Edge

    • gh.sprint.customfield.default.name:
      ZK 8.5.2 S1

      Description

      Steps to Reproduce

      run the attached example (smooth-frozen-overlap.zul) and use the horzontal scrollbar

      Current Result

      parts of the content overlap the frozen column
      this happens for all 3 mesh widgets grid/listbox/tree

      Expected Result

      frozen columns should stay above the scrollable cells

      Debug Info

      the divs positioned relative/absolute overlap when scrolling to the left (and partially overlap for selected, hovered rows)

      Root Cause

      z-index on frozen cells has no effect without relative positioning
      see: https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
      The z-index CSS property specifies the z-order of a positioned element and its descendants.

      Workaround

      adding "position: relative" to the cells and a lower "z-index:0" for the non-frozen cells works in this scenario

      	.z-treerow, .z-treecell,
      	.z-row, .z-cell,
      	.z-listitem, .z-listcell {
      		position: relative;
      	}
      	.z-treecell:not(:first-child),
      	.z-cell:not(:first-child),
      	.z-listcell:not(:first-child) {
      		z-index: 0;
      	}
      

        Issue Links

          Activity

          Hide
          JamesChu JamesChu added a comment -

          Fixed since 2018/06/01

          Show
          JamesChu JamesChu added a comment - Fixed since 2018/06/01
          Hide
          cor3000 cor3000 added a comment - - edited

          the problem can also be reproduced in the classic themes (verified with breeze/sapphire)

          Show
          cor3000 cor3000 added a comment - - edited the problem can also be reproduced in the classic themes (verified with breeze/sapphire)
          Hide
          rudyhuang rudyhuang added a comment -

          Fixed since 2018/06/29

          Show
          rudyhuang rudyhuang added a comment - Fixed since 2018/06/29

            People

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

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Time Spent - 2 hours Remaining Estimate - 2 hours
                2h
                Logged:
                Time Spent - 2 hours Remaining Estimate - 2 hours
                2h

                  Agile