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 document.body.offsetTop; // trigger layout | 5 document.body.offsetTop; // trigger layout |
6 elm.style.display = 'list-item'; | 6 elm.style.display = 'list-item'; |
7 } | 7 } |
8 </script> | 8 </script> |
9 <body style="margin:5em;"> | 9 <body style="margin:5em;"> |
10 <p>Test that changing display type on a spanner (to another valid display ty
pe for spanners) works.</p> | 10 <p>Test that changing display type on a spanner (to another valid display ty
pe for spanners) works.</p> |
11 <p>You should see three lines with the word "PASS" below, all with a bullet
in front. Letter | 11 <p>You should see three lines with the word "PASS" below, all with a bullet
in front. Letter |
12 spacing is expected to vary.</p> | 12 spacing is expected to vary.</p> |
13 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em;"> | 13 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; orphans:1; w
idows:1;"> |
14 <div style="display:list-item;">P<br>A<br>S<br>S | 14 <div style="display:list-item;">P<br>A<br>S<br>S |
15 <div id="elm" style="-webkit-column-span:all;"> | 15 <div id="elm" style="-webkit-column-span:all;"> |
16 PASS | 16 PASS |
17 </div> | 17 </div> |
18 </div> | 18 </div> |
19 <div style="display:list-item;">P<br>A<br>S<br>S</div> | 19 <div style="display:list-item;">P<br>A<br>S<br>S</div> |
20 </div> | 20 </div> |
21 </body> | 21 </body> |
OLD | NEW |