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

Masking fail when component is under autocsroll layout region

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 6.0.1
    • 5.0.9, 6.0.0
    • Components

      The mask does not obtain the right z-index in the following case:

      <zk xmlns:w="client">
      	<borderlayout vflex="1">
      		<center autoscroll="true">
      			<div id="loading_div" width="100px" height="100px" style="border: 1px solid black">
      				Dummy Div
      			</div>
      		</center>
      	</borderlayout>
      	<script defer="true">
      		var div = zk.Widget.$('$loading_div');
      		zAu.cmd0.showBusy(div.uuid, 'loading');
      	</script>
      </zk>
      

      Cause:
      1. LayoutRegion sets position: relative for autoscroll
      2. In effect.js, the mask takes offset parent for z-index reference:

      		var zi = $anchor.jq.css('position') == 'absolute' ?
      				$anchor.jq.css('z-index') : $anchor.jq.offsetParent().css('z-index');
      

            SimonPai SimonPai
            SimonPai SimonPai
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: