52 lines
1.0 KiB
HTML
52 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div {
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
|
|
#outerDiv {
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.paddingBlockNoVisibleDescendantOrContent {
|
|
position: relative;
|
|
background: red;
|
|
visibility: visible;
|
|
}
|
|
|
|
.noVisibleContentVisibleWrapper {
|
|
position: relative;
|
|
visibility: visible;
|
|
}
|
|
|
|
.greenContainer {
|
|
background: green;
|
|
}
|
|
</style>
|
|
<script>
|
|
function scroll()
|
|
{
|
|
var outerDiv = document.getElementById("outerDiv");
|
|
outerDiv.scrollTop = "100";
|
|
}
|
|
window.addEventListener("load", scroll, false);
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
Bug 76126: REGRESSION (r94016): Visibility hidden to visible override with outer fixed inner relative elements
|
|
This test has PASSED if there is only a green square and no red!
|
|
-->
|
|
<div class="hidden noOverflow" id="outerDiv">
|
|
<div class="paddingBlockNoVisibleDescendantOrContent"></div>
|
|
<div class="noVisibleContentVisibleWrapper">
|
|
<div class="greenContainer"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|