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.
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?
Please test in the iOS 13 beta.