OLD | NEW |
1 <!-- Based on fast/repaint/overflow-flipped-writing-mode-table.html --> | 1 <!-- Based on fast/repaint/overflow-flipped-writing-mode-table.html --> |
2 <script src="resources/paint-invalidation-test.js"></script> | 2 <script src="resources/paint-invalidation-test.js"></script> |
3 <script> | 3 <script> |
4 onload = runPaintInvalidationTest; | 4 onload = runPaintInvalidationTest; |
5 | 5 |
6 function paintInvalidationTest() | 6 function paintInvalidationTest() |
7 { | 7 { |
8 document.getElementById("target").style.visibility = "hidden"; | 8 document.getElementById("target").style.visibility = "hidden"; |
9 } | 9 } |
10 </script> | 10 </script> |
11 <div style="height: 100px; width: 100px; background-color: red; -webkit-writing-
mode: horizontal-bt;"> | 11 <div style="height: 100px; width: 100px; background-color: red; writing-mode: ve
rtical-rl;"> |
12 <div style="display: table; width: 100px;"> | 12 <div style="display: table; height: 100px;"> |
13 <div style="height: 25px;"> | 13 <div style="width: 25px;"> |
14 <div style="height: 100px; background-color: green;"></div> | 14 <div style="width: 100px; background-color: green;"></div> |
15 </div> | 15 </div> |
16 </div> | 16 </div> |
17 </div> | 17 </div> |
18 <div id="target" style="height: 50px; width: 100px; background-color: red; margi
n-top: -100px;"></div> | 18 <div id="target" style="width: 50px; height: 100px; background-color: red; margi
n-left: -100px;"></div> |
OLD | NEW |