| <!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> |
