ManualTests/select_dropdown_box_alignment.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" >
   3 <head>
   4 <title>Test <select> drop-down box's alignment</title>
   5 <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8">
   6 </head>
   7 <body>
   8 <p>
   9 For RTL, select drop-down box's should be right aligned with the &lt;select&gt;
  10 element and expands to left instead of right.
  11 <p>
  12 The drop-down box in the following &lt;select&gt; should be left-aligned and expand to right.
  13 <br>
  14 <select style="width:100px">
  15 <option>Arabic</option>
  16 <option>Hebrew</option>
  17 <option>English (United States)</option>
  18 <option>Chinese (Simplified Chiense)</option>
  19 </select>
  20 <br>
  21 The drop-down box in the second &lt;select&gt; should be right-aligned and expand to left.
  22 <p>
  23 <select dir="rtl" style="width:100px">
  24 <option>Arabic</option>
  25 <option>Hebrew</option>
  26 <option>English (United States)</option>
  27 <option>Chinese (Simplified Chiense)</option>
  28 </select>
  29 </body>
  30 </html>