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

iframe not sizing correctly on ios

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 8.6.3
    • 8.6.1, 8.6.2
    • Browser Issue
    • Security Level: Jimmy
    • None
    • ios 12.3.1 safari/chrome

    • ZK 8.6.3 S1

      Steps to Reproduce

      open the attached example iframe-ios.zul in an ios browser

      Current Result

      the iframe doesn't resize to 100% of the parent div as specified

      Expected Result

      the iframe keeps the specified size

      Debug Info

      Root Cause

      the iframe is nested into a separate div
      at the same time the iframe doesn't get any additional styles to cover the div accordingly

      <div id="qMiZ1" style="width: 100%; height: 100%; overflow: auto;" class="z-iframe" src="" frameborder="0">
        <iframe id="qMiZ1-real" frameborder="0" style="-webkit-overflow-scrolling: touch; overflow: auto;" 
                src="test.zul" z_xsrc="http://localhost:8080/test.zul" ...></iframe>
      </div>
      

      Workaround

      add a style to cover 100% of the div

      	.ios .z-iframe iframe {
      		width: 100%;
      		height: 100%;
      	}
      

        1. iframe-ios.zul
          0.2 kB
        2. test.zul
          0.1 kB

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

              Created:
              Updated:
              Resolved: