OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 /* Prevent double initial layout. */ |
| 4 body { overflow:scroll; } |
| 5 </style> |
| 6 <p>There should be a blue square below.</p> |
| 7 <div style="columns:2; column-fill:auto; height:110px; line-height:20px; orphans
:1; widows:1;"> |
| 8 <div style="position:relative;"> |
| 9 <div style="height:80px;"></div> |
| 10 <div style="position:absolute;"> |
| 11 <div><br></div> |
| 12 <!-- #elm doesn't fit in the first column (only 10px left, and it ne
eds 20px), |
| 13 so it has to be pushed to the next one. --> |
| 14 <div id="elm" style="width:20px; background:blue;"><br></div> |
| 15 <div style="visibility:hidden; overflow-y:auto; height:30px;"> |
| 16 <br> |
| 17 <br> |
| 18 </div> |
| 19 </div> |
| 20 </div> |
| 21 </div> |
| 22 <script src="../resources/testharness.js"></script> |
| 23 <script src="../resources/testharnessreport.js"></script> |
| 24 <script> |
| 25 test(() => { |
| 26 var elm = document.getElementById("elm"); |
| 27 assert_equals(elm.offsetTop, 30); |
| 28 }, "Shrink-to-fit with auto vertical scrollbar inside"); |
| 29 </script> |
OLD | NEW |