OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #relayout-boundary { | 3 #relayout-boundary { |
4 transform: translateX(0); | 4 transform: translateX(0); |
5 overflow: hidden; | 5 overflow: hidden; |
6 width: 100px; | 6 width: 100px; |
7 height: 100px; | 7 height: 100px; |
8 } | 8 } |
9 </style> | 9 </style> |
10 <div id="relayout-boundary"> | 10 <div id="relayout-boundary"> |
11 <div id="layout-target"> | 11 <div id="layout-target"> |
12 This test queries layout overflow for propagation on a relayout boundary
that has dirty layout. | 12 This test queries layout overflow for propagation on a relayout boundary
that has dirty layout. |
13 It should not trigger assertions that assume clean layout. | 13 It should not trigger assertions that assume clean layout. |
14 </div> | 14 </div> |
15 </div> | 15 </div> |
16 <script> | 16 <script> |
17 if (window.testRunner) | 17 if (window.testRunner) |
18 testRunner.dumpAsText(); | 18 testRunner.dumpAsText(); |
19 | 19 |
20 document.body.scrollWidth; | 20 document.scrollingElement.scrollWidth; |
21 | 21 |
22 var layoutTarget = document.getElementById("layout-target"); | 22 var layoutTarget = document.getElementById("layout-target"); |
23 layoutTarget.style.width = "99px"; | 23 layoutTarget.style.width = "99px"; |
24 | 24 |
25 var relayoutBoundary = document.getElementById("relayout-boundary"); | 25 var relayoutBoundary = document.getElementById("relayout-boundary"); |
26 relayoutBoundary.style.transform = "translateX(1px)"; | 26 relayoutBoundary.style.transform = "translateX(1px)"; |
27 | 27 |
28 document.body.scrollWidth; | 28 document.scrollingElement.scrollWidth; |
29 </script> | 29 </script> |
OLD | NEW |