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

Popup fail to close when clicking outside the topmost area

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 8.5.1
    • 8.0.3, 8.0.4
    • None
    • Security Level: Jimmy
    • None
    • IE11, FF 51.0.1, Chrome 55.0.2883.87

      Popups are closing by clicking outside them. It does not always work. The area visible when we scroll to the top of a website responds well, any area below does not close popups.

      See the attachment for clarification - I have used your demo popups.

      Additional debugging information:

      Click listener is registered in <body> element.
      In zk.wcs, there is a height:100% rule for body, which cause the body not to cover the whole page if the page is taller than one screen.

      see fiddle:

      http://zkfiddle.org/sample/2cn00f5/1-ZK-body-click-listener

      Click on the "test" label to open the popup.
      Scroll downward
      Clicking outside of the body (below the red border) will not close the popup.

      Workaround

      Remove the body height rule by adding the following to your page:

      	<style>
      		body{
      			height:initial;
      		}
      	</style>
      

            rudyhuang rudyhuang
            lkdflsm lkdflsm
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 4 hours
                4h