adele | 68afa0b | 2007-02-05 23:25:44 +0000 | [diff] [blame] | 1 | <style> |
mitz@apple.com | da56eb9 | 2008-01-17 18:55:06 +0000 | [diff] [blame] | 2 | @import url(resources/Mac-compatible-font-fallback.css); |
| 3 | |
adele | 68afa0b | 2007-02-05 23:25:44 +0000 | [diff] [blame] | 4 | .bidi2 { |
| 5 | direction: rtl; |
| 6 | -webkit-rtl-ordering: logical; |
| 7 | max-width: 100px; |
| 8 | } |
adele | 68afa0b | 2007-02-05 23:25:44 +0000 | [diff] [blame] | 9 | .bidi4 { |
| 10 | direction: ltr; |
| 11 | -webkit-rtl-ordering: logical; |
| 12 | max-width: 100px; |
| 13 | } |
| 14 | |
| 15 | .bidi5 { |
| 16 | max-width: 100px; |
| 17 | } |
| 18 | </style> |
| 19 | <p> |
| 20 | This tests that bidirectional text is correctly rendered when using ATSUI in list box controls.<br> |
| 21 | The order of the text below each list box should match the order of the select's option text. |
| 22 | </p> |
bdash | 4b582b7 | 2007-07-24 09:55:33 +0000 | [diff] [blame] | 23 | 1) direction: rtl;<br> |
adele | 68afa0b | 2007-02-05 23:25:44 +0000 | [diff] [blame] | 24 | <select size="2" class="bidi2"><option>àbcאפרסמון</option></select><br> |
| 25 | <div class="bidi2">àbcאפרסמון</div><br> |
bdash | 4b582b7 | 2007-07-24 09:55:33 +0000 | [diff] [blame] | 26 | 2) direction: ltr;<br> |
adele | 68afa0b | 2007-02-05 23:25:44 +0000 | [diff] [blame] | 27 | <select size="2" class="bidi4"><option>àbcאפרסמון</option></select><br> |
| 28 | <div class="bidi4">àbcאפרסמון</div><br> |
bdash | 4b582b7 | 2007-07-24 09:55:33 +0000 | [diff] [blame] | 29 | 3) No style<br> |
adele | 68afa0b | 2007-02-05 23:25:44 +0000 | [diff] [blame] | 30 | <select size="2" class="bidi5"><option>àbcאפרסמון</option></select><br> |
| 31 | <div class="bidi5">àbcאפרסמון</div><br> |