40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<head>
|
|
<style>
|
|
#overflow::-webkit-scrollbar {
|
|
visibility: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="height: 200%">
|
|
<p>
|
|
Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=48154">https://bugs.webkit.org/show_bug.cgi?id=48154</a>
|
|
<a href="rdar://problem/8251616"><rdar://problem/8251616></a> Layout not updating in a subtree when a scrollbar is hidden in a flexbox descendant</i>.
|
|
</p>
|
|
<p>
|
|
There should be no red on this page.
|
|
</p>
|
|
<p id="result">Test did not run.</p>
|
|
<div style="display: -webkit-box; -webkit-box-orient: vertical;">
|
|
<div> <!-- this is going to end up marked for layout after initial layout -->
|
|
<div id="target" style="width: 100px; height: 100px; background-color: red;"></div>
|
|
<div id="overflow" style="overflow: auto; height: 100px; width: 100px;">
|
|
<div style="height: 150px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
function test()
|
|
{
|
|
var target = document.getElementById("target");
|
|
target.style.height = "0";
|
|
document.getElementById("result").innerText = target.offsetHeight == 0 ? "PASS" : "FAIL";
|
|
}
|
|
|
|
document.body.offsetTop;
|
|
test();
|
|
</script>
|
|
</body>
|