<html>
<head>
<style>
.container {
height: 1080px;
width: 1920px;
transform: scale(0.0859375);
transform-origin: 0 0 0;
background:blue;
}
.container:hover iframe:last-child {
top:5000px !important;
}
.wrapper {
height: 92px;
width: 165px;
overflow: hidden;
}
iframe {
position: absolute;
width:1120px;
height: 630px;
}
</style>
</head>
<body>
<h1>Portion of page failing to paint in chrome </h1>
<h2>Hover on the blue area to reproduce the bug</h2>
<h3>Minimal failing test case based on bug in production site
</h3>
<h3>Major factors that contribute to this bug: </h3>
<ol>
<li>Oveflow hidden with some elements far down below the container's height</li>
<li>Scale down of a large element to a very small size using css transform</li>
<li>Iframes</li>
</ol>
<p>Various changes to the page will cause the bug to not reproduce <br />
Specifically, a different transform scale factor or position of the iframes</p>
<div class="wrapper">
<div class="container">
<h1> This text will disappear too</h1>
<iframe style="top: 10px;" src="https://www.youtube.com/embed/Wgf7xyOqzdQ"></iframe>
<iframe style="top: 1000px;" src="https://resources.emaze.com/widget-plugins/showcase/index.html?imageArray=%5B%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%2C%22url%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2F34e8d4072839e27812e7c9fdefaca94d.jpg%22%2C%22thumb%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2Fthumb%2F34e8d4072839e27812e7c9fdefaca94d.jpg%22%7D%2C%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%2C%22url%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2Fccf12cad0807e882b57150c243b072e2.jpg%22%2C%22thumb%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2Fthumb%2Fccf12cad0807e882b57150c243b072e2.jpg%22%7D%2C%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%2C%22url%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2Fa306e565e407497a8831faa83f1e43b7.jpg%22%2C%22thumb%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2Fthumb%2Fa306e565e407497a8831faa83f1e43b7.jpg%22%7D%2C%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%2C%22url%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2F9c249f52d297158bf62e940578abdb0c.jpg%22%2C%22thumb%22%3A%22https%3A%2F%2Fresources.emaze.com%2Fvbscenes%2Flayoutimages%2Fthumb%2F9c249f52d297158bf62e940578abdb0c.jpg%22%7D%5D"></iframe>
<iframe style="top: 4000px;" src="https://www.youtube.com/embed/Wgf7xyOqzdQ"></iframe>
</div>
</div>
</body>
</html>