| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script> | 2 <script> |
| 3 onload = function() { | 3 onload = function() { |
| 4 var elm = document.getElementById('elm'); | 4 var elm = document.getElementById('elm'); |
| 5 elm.offsetTop; // trigger layout | 5 elm.offsetTop; // trigger layout |
| 6 elm.style.webkitColumnSpan = 'none'; | 6 elm.style.webkitColumnSpan = 'none'; |
| 7 } | 7 } |
| 8 </script> | 8 </script> |
| 9 <p>Test changing a spanner that precedes column content to a regular block.</p> | 9 <p>Test changing a spanner that precedes column content to a regular block.</p> |
| 10 <p>You should see the word 'PASS' below, with large letter spacing:</p> | 10 <p>You should see the word 'PASS' below, with large letter spacing:</p> |
| 11 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em;"> | 11 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; orphans:1; widow
s:1;"> |
| 12 <div id="elm" style="-webkit-column-span:all;">P</div> | 12 <div id="elm" style="-webkit-column-span:all;">P</div> |
| 13 A<br>S<br>S | 13 A<br>S<br>S |
| 14 </div> | 14 </div> |
| OLD | NEW |