Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / dynamic / remove-and-insert-block-after-spanner.html
blob5b7b396a525b6862539f5422a8bbabd908090af0
1 <!DOCTYPE html>
2 <script>
3 onload = function() {
4 document.body.offsetTop; // trigger layout
5 var elm = document.getElementById('elm');
6 elm.style.display = 'none';
7 document.body.offsetTop; // trigger layout
8 var elm2 = document.getElementById('elm2');
9 elm2.style.display = 'block';
11 </script>
12 <style>
13 .spanner { -webkit-column-span:all; }
14 </style>
15 <p>Test removal of of a block right after 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. Letter spacing is expected to vary.</p>
17 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; overflow:hidden; 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>