third_party/WebKit/LayoutTests/fast/text/international/bidi-listbox.html

   1 <style>
   2 .bidi2 {
   3     direction: rtl;
   4     -webkit-rtl-ordering: logical;
   5     max-width: 100px;
   6 }
   7 .bidi4 {
   8     direction: ltr;
   9     -webkit-rtl-ordering: logical;
  10     max-width: 100px;
  11 }
  12
  13 .bidi5 {
  14     max-width: 100px;
  15 }
  16 </style>
  17 <p>
  18 This tests that bidirectional text is correctly rendered in list box controls.<br>
  19 The order of the text below each list box should match the order of the select's option text.
  20 </p>
  21     1) direction: rtl;<br>
  22 <select size="2" class="bidi2"><option>abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</option></select><br>
  23 <div class="bidi2">abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</div><br>
  24     2) direction: ltr;<br>
  25 <select size="2" class="bidi4"><option>abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</option></select><br>
  26 <div class="bidi4">abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</div><br>
  27     3) No style<br>
  28 <select size="2" class="bidi5"><option>abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</option></select><br>
  29 <div class="bidi5">abc&#x05d0;&#x05e4;&#x05e8;&#x05e1;&#x05de;&#x05d5;&#x05df;</div><br>