LayoutTests/scrollbars/hidden-scrollbar-prevents-layout.html

   1 <head>
   2     <style>
   3         #overflow::-webkit-scrollbar {
   4             visibility: hidden;
   5         }
   6     </style>
   7 </head>
   8 <body style="height: 200%">
   9     <p>
  10         Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=48154">https://bugs.webkit.org/show_bug.cgi?id=48154</a>
  11         <a href="rdar://problem/8251616">&lt;rdar://problem/8251616></a> Layout not updating in a subtree when a scrollbar is hidden in a flexbox descendant</i>.
  12     </p>
  13     <p>
  14         There should be no red on this page.
  15     </p>
  16     <p id="result">Test did not run.</p>
  17     <div style="display: -webkit-box; -webkit-box-orient: vertical;">
  18         <div> <!-- this is going to end up marked for layout after initial layout -->
  19             <div id="target" style="width: 100px; height: 100px; background-color: red;"></div>
  20             <div id="overflow" style="overflow: auto; height: 100px; width: 100px;">
  21                 <div style="height: 150px;"></div>
  22             </div>
  23         </div>
  24     </div>
  25     <script>
  26         if (window.layoutTestController)
  27             layoutTestController.dumpAsText();
  28
  29         function test()
  30         {
  31             var target = document.getElementById("target");
  32             target.style.height = "0";
  33             document.getElementById("result").innerText = target.offsetHeight == 0 ? "PASS" : "FAIL";
  34         }
  35
  36         document.body.offsetTop;
  37         test();
  38     </script>
  39 </body>