OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script> | 2 <script> |
3 onload = function() { | 3 onload = function() { |
4 document.body.offsetTop; // trigger layout | 4 document.body.offsetTop; // trigger layout |
5 var elm = document.getElementById('elm'); | 5 var elm = document.getElementById('elm'); |
6 elm.style.display = 'none'; | 6 elm.style.display = 'none'; |
7 document.body.offsetTop; // trigger layout | 7 document.body.offsetTop; // trigger layout |
8 var elm2 = document.getElementById('elm2'); | 8 var elm2 = document.getElementById('elm2'); |
9 elm2.style.display = 'block'; | 9 elm2.style.display = 'block'; |
10 } | 10 } |
11 </script> | 11 </script> |
12 <style> | 12 <style> |
13 .spanner { -webkit-column-span:all; } | 13 .spanner { -webkit-column-span:all; } |
14 </style> | 14 </style> |
15 <p>Test removal of of a block right after a spanner, then insertion of another b
lock at the same position.</p> | 15 <p>Test removal of of a block right after a spanner, then insertion of another b
lock at the same position.</p> |
16 <p>You should see two lines with the word "PASS" on a lime background below. Let
ter spacing is expected to vary.</p> | 16 <p>You should see two lines with the word "PASS" on a lime background below. Let
ter spacing is expected to vary.</p> |
17 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; overflow:hidden;
background:lime;"> | 17 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; overflow:hidden;
orphans:1; widows:1; background:lime;"> |
18 <div class="spanner">PASS</div><div id="elm" style="background:red;">F<br>A<
br>I<br>L</div><div id="elm2" style="display:none;">P<br>A<br>S<br>S</div></div> | 18 <div class="spanner">PASS</div><div id="elm" style="background:red;">F<br>A<
br>I<br>L</div><div id="elm2" style="display:none;">P<br>A<br>S<br>S</div></div> |
OLD | NEW |