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

IE11 stackup iframe initially in wrong position

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 8.6.0
    • 8.5.0
    • CSS, ZK Client Engine
    • Security Level: Jimmy
    • None
    • IE11

    • ZK 8.5.2 S1, ZK 8.6.0 S1

      Steps to Reproduce

      <zk>
      	<style>
      		iframe {
      			opacity: 1!important;
      			outline: 2px solid red;
      		}
      	</style>
      
      	<div>
      		<div height="200px"/>
      		label shifting it to the button to the right: <button popup="pop,position=after_end" label="click for popup"/>
      		<popup id="pop" width="200px" height="150px">Dummy Content</popup>
      	</div>
      </zk>
      

      click the button to trigger a popup 2x

      Current Result

      first: the stackup iframe (styled to show a red outline) renders in the wrong position (0, 0)
      second: the stackup iframe is rendered below the popup (as expected)

      Expected Result

      stackup iframe is always positioned below the popup (if still needed)

      Evaluate if this feature is still needed for modern browsers in future versions.

      Workaround

      disable stackup (related docs)

      <?script content="zk.useStackup=false;"?>
      

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

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 1 day, 4 hours
                1d 4h
                Remaining:
                Time Spent - 1 day, 3 hours Remaining Estimate - 1 hour
                1h
                Logged:
                Time Spent - 1 day, 3 hours Remaining Estimate - 1 hour
                1d 3h