iOS viewport unit bug in iframe contentEditable

The image below is 50vh. It's height should not change, but it does on iOS as the page content grows. This negatively affects the user experience in contentEditable elements (e.g. contentEditable, TinyMCE, CKEditor, etc.).

This is only a problem when the contentEditable element is located inside an iframe. This is replicable on an iPhone, but is more easily observed on an iPad.

Try hitting enter a few times to make the frame larger and watch the image's size change.

Try hitting enter a few times to make the frame larger and watch the image's size change.

Try hitting enter a few times to make the frame larger and watch the image's size change.

Try hitting enter a few times to make the frame larger and watch the image's size change.

Try hitting enter a few times to make the frame larger and watch the image's size change.

Try hitting enter a few times to make the frame larger and watch the image's size change.

Try hitting enter a few times to make the frame larger and watch the image's size change.

Try hitting enter a few times to make the frame larger and watch the image's size change.