blob: 274f9b05f8240394c5852c4abd4f47b673fde226 [file] [log] [blame]
<style>
@import url(resources/Mac-compatible-font-fallback.css);
.bidi2 {
direction: rtl;
-webkit-rtl-ordering: logical;
max-width: 100px;
}
.bidi4 {
direction: ltr;
-webkit-rtl-ordering: logical;
max-width: 100px;
}
.bidi5 {
max-width: 100px;
}
</style>
<p>
This tests that bidirectional text is correctly rendered in list box controls.<br>
The order of the text below each list box should match the order of the select's option text.
</p>
1) direction: rtl;<br>
<select size="2" class="bidi2"><option>abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</option></select><br>
<div class="bidi2">abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</div><br>
2) direction: ltr;<br>
<select size="2" class="bidi4"><option>abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</option></select><br>
<div class="bidi4">abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</div><br>
3) No style<br>
<select size="2" class="bidi5"><option>abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</option></select><br>
<div class="bidi5">abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</div><br>