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

iframe not sizing correctly on ios

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 8.6.1, 8.6.2
    • Fix Version/s: 8.6.3
    • Component/s: Browser Issue
    • Security Level: Jimmy
    • Labels:
      None
    • Environment:

      ios 12.3.1 safari/chrome

    • gh.sprint.customfield.default.name:
      ZK 8.6.3 S1

      Description

      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%;
      	}
      

        Attachments

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

          Activity

            People

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

              Dates

              • Created:
                Updated:
                Resolved: