| <!DOCTYPE html> |
| <script> |
| onload = function() { |
| var elm = document.getElementById('elm'); |
| document.body.offsetTop; // trigger layout |
| elm.style.webkitColumnSpan = 'none'; |
| } |
| </script> |
| <p>Test changing a spanner inside a block to a regular block.</p> |
| <p>Below you should see a blue line above the word "PASS" on a yellow background. Wide letter spacing is expected.</p> |
| <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; max-height:3em; overflow:hidden; background:blue;"> |
| <div style="margin-top:0.5em;"> |
| <div id="elm" style="-webkit-column-span:all; margin-top:0.2em; background:yellow;"> |
| P<br> |
| <div style="height:0.5em; background:blue;"></div> |
| A<br> |
| <div style="height:0.5em; background:blue;"></div> |
| S<br> |
| <div style="height:0.5em; background:blue;"></div> |
| S<br> |
| </div> |
| </div> |
| </div> |