| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | |
| 3 <head> | |
| 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | 2 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| 5 <style> | 3 <style> |
| 6 .resultsDiv { | 4 .resultsDiv { |
| 7 position: absolute; | 5 position: absolute; |
| 8 top: 0px; | 6 top: 0px; |
| 9 left: 0px; | 7 left: 0px; |
| 10 -moz-column-width: 13em; | 8 -moz-column-width: 13em; |
| 11 -moz-column-gap: 5em; | 9 -moz-column-gap: 5em; |
| 12 -webkit-columns:1 1px; /* Make as many (overflowing) columns as necessary, b
ut keep them as narrow as possible */ | 10 -webkit-columns:1 1px; /* Make as many (overflowing) columns as necessary, b
ut keep them as narrow as possible */ |
| 13 -webkit-column-gap: 5em; | 11 -webkit-column-gap: 5em; |
| 14 columns:1 1px; | 12 columns:1 1px; |
| 15 column-gap: 5em; | 13 column-gap: 5em; |
| 16 column-fill: auto; | 14 column-fill: auto; |
| 17 height: 400px; | 15 height: 400px; |
| 18 } | 16 } |
| 19 </style> | 17 </style> |
| 20 </head> | |
| 21 <body> | |
| 22 <div>This table shows unicode-bidi: isolate behavior (in red) with display: inli
ne-block behavior overlapping in green. You should see no red in this test! Be
havior between these two methods should be identical for non-wrapping strings, a
ssuming unicode-bidi: isolate is implemented and functioning correctly.</div> | 18 <div>This table shows unicode-bidi: isolate behavior (in red) with display: inli
ne-block behavior overlapping in green. You should see no red in this test! Be
havior between these two methods should be identical for non-wrapping strings, a
ssuming unicode-bidi: isolate is implemented and functioning correctly.</div> |
| 23 | 19 |
| 24 <div id="resultsContainer" style="position: relative"> | 20 <div id="resultsContainer" style="position: relative"> |
| 25 <div id="actual" style="color: red" class="resultsDiv"></div> | 21 <div id="actual" style="color: red" class="resultsDiv"></div> |
| 26 <div id="expected" style="color: green;" class="resultsDiv"></div> | 22 <div id="expected" style="color: green;" class="resultsDiv"></div> |
| 27 </div> | 23 </div> |
| 28 | 24 |
| 29 <script> | 25 <script> |
| 30 var seed = 0; | 26 var seed = 0; |
| 31 | 27 |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 67 expected.appendChild(caseWithStyle(controlStyle)); | 63 expected.appendChild(caseWithStyle(controlStyle)); |
| 68 actual.appendChild(caseWithStyle(testStyle)); | 64 actual.appendChild(caseWithStyle(testStyle)); |
| 69 } | 65 } |
| 70 } | 66 } |
| 71 } | 67 } |
| 72 } | 68 } |
| 73 } | 69 } |
| 74 | 70 |
| 75 </script> | 71 </script> |
| 76 </table> | 72 </table> |
| 77 </body> | |
| 78 </html> | |
| OLD | NEW |