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

Chosen box disappearing in Popup

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 8.0.5
    • 8.0.3
    • Components
    • Security Level: Jimmy
    • ZK 8.0.4 S2
    • None

      Steps to Reproduce

      Run this code and follow the steps.

      <zk>
      	<button label="1. Open Popup (contains a chosenbox)" popup="pop"/>
      	<popup id="pop">
      		<chosenbox width="200px" />
      	</popup>
      	<div>2. Open chosenbox dropdown (leave it open) and click outside the popup. </div>
      	<div>3. Then reopen the popup. </div>
      </zk>
      

      Actual Result

      When reopening the popup the <chosenbox> is invisible.

      Expected Result

      The <chosenbox> should remain visible.

      Debug Info

      This works properly with other combowidgets e.g. <combobox>

      Root Cause

      The <chosenbox> gets popup related inline styles which don't get cleaned up when closing the outer popup:

      z-index: 1801; visibility: hidden;
      

      Workaround

      a css based workaround is to add the following style rule (avoiding the invisibility):

      .z-chosenbox {
      	z-index: inherit!important;
      	visibility: inherit!important;
      }
      

            wenninghsu wenninghsu
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 hours
                3h