NEW 200227
Issue with the way vh is handled inside an iFrame on iOS mobile devices 
https://bugs.webkit.org/show_bug.cgi?id=200227
Summary Issue with the way vh is handled inside an iFrame on iOS mobile devices
ASwamy
Reported 2019-07-29 09:17:53 PDT
When in an iframe on iOS, vh is not based off of the iframe's viewport height, but rather off of the height of all of the content inside of the iframe. This puts a major limitation on my use of vh and is a totally broken implementation of vh when embedded on iOS. Here is a codepen link which demonstrates the above mentioned problem - https://codepen.io/anumysore5/pen/WqqYOG. The link to the codepen that is embedded is https://codepen.io/anumysore5/pen/BXLLrm. The issue is easily noticeable when the length of the content below the very first div inside the embedded codepen is increased. The height of the div increases with the increase in the length of the content.
Attachments
Add attachment proposed patch, testcase, etc.
ASwamy
Comment 1 2019-07-29 09:22:29 PDT
Are there any plans to fix this issue? Even if this is not going to be fixed any time soon, could someone at least propose a decent work around to this problem?
Radar WebKit Bug Importer
Comment 2 2019-07-30 09:22:37 PDT
<rdar://problem/53712737>
Simon Fraser (smfr)
Comment 3 2019-07-30 11:04:46 PDT
Please test in the iOS 13 beta.
Note You need to log in before you can comment on or make changes to this bug.