third_party/WebKit/LayoutTests/fast/layers/scroll-no-visible-content-but-visible-descendant.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6     height: 100px;
   7     width: 100px;
   8 }
   9
  10 #outerDiv {
  11     visibility: hidden;
  12     overflow: hidden;
  13 }
  14
  15 .paddingBlockNoVisibleDescendantOrContent {
  16     position: relative;
  17     background: red;
  18     visibility: visible;
  19 }
  20
  21 .noVisibleContentVisibleWrapper {
  22     position: relative;
  23     visibility: visible;
  24 }
  25
  26 .greenContainer {
  27     background: green;
  28 }
  29 </style>
  30 <script>
  31     function scroll()
  32     {
  33         var outerDiv = document.getElementById("outerDiv");
  34         outerDiv.scrollTop = "100";
  35     }
  36     window.addEventListener("load", scroll, false);
  37 </script>
  38 </head>
  39 <body>
  40 <!--
  41     Bug 76126: REGRESSION (r94016): Visibility hidden to visible override with outer fixed inner relative elements
  42     This test has PASSED if there is only a green square and no red!
  43 -->
  44 <div class="hidden noOverflow" id="outerDiv">
  45     <div class="paddingBlockNoVisibleDescendantOrContent"></div>
  46     <div class="noVisibleContentVisibleWrapper">
  47         <div class="greenContainer"></div>
  48     </div>
  49 </div>
  50 </body>
  51 </html>