Chrome Version: Version 57.0.2987.133 (64-bit)

Please see the attached reduction, reduced from live site by Francois Remy in Edge team. 

What is the expected result?

- height: 100% results in 100vh matching Gecko and EdgeHTML (don't know about WebKit...)

And the live site issue the exposed this problem is the following:

1. Navigate to page: https://www.pearsonhighered.com/revel/educators/browse-products/disciplines/communication.html
2. Scroll down and click on "Take a video quiz" button.
3. Page goes blank

Please note that the button might open the quiz in new tab if the viewport is less than 899px:

<a href="https://media.pearsoncmg.com/ph/hss/revel/beebe_publicspeaking_9e/widgets/video_quizzes/quiz-ch1_1.xhtml" class="button modal-iframe--under-768" data-widgetheight="640" data-widgetwidth="900" data-modaldisableon="899" target="_blank">Take a video quiz</a>

We're also reaching out to site to pursue a content fix, so behavior on the live site might change - the attached should still repro the issue as needed.


 

Deleted: html-position-absolute.html 424 bytes

html-position-absolute.html 424 bytes View Download