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 before a spanner, then insertion of another
block at the same position.</p> | 15 <p>Test removal of of a block right before a spanner, then insertion of another
block 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; overflow:hidden; width:4em;
background:lime;"><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 class="spanner">P
ASS</div> | 17 <div style="-webkit-columns:4; -webkit-column-gap:0; overflow:hidden; width:4em;
orphans:1; widows:1; background:lime;"><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 class="spanner">PASS</div> |
18 </div> | 18 </div> |
OLD | NEW |