-
Bug
-
Resolution: Fixed
-
Normal
-
8.6.1, 8.6.2
-
Security Level: Jimmy
-
None
-
ios 12.3.1 safari/chrome
-
ZK 8.6.3 S1
-
None
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%; }