REGRESSION (r129738): Calendar picker is too wide when the input is rtl
[WebKit-https.git] / ManualTests / select_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 drop-down item's alignment in <select>/<option></title>
5 <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8">
6 </head>
7 <body>
8 <p>
9 select drop-down items' alignment should be determined by the directionality of
10 &lt;select&gt; tag.
11 <p>
12 The drop-down items in the following &lt;select&gt; should be left-aligned.
13 <br>
14 <select>
15 <option>abc def</option>
16 <option>שנב גקכ</option>
17 <option dir="rtl">abc שנב def</option>
18 <option dir="ltr">שנב abc גקכ</option>
19 <option dir="rtl">hi!</option>
20 <option dir="ltr">hi!</option>
21 </select>
22 <br>
23 The drop-down items in the second &lt;select&gt; should be right-aligned.
24 <p>
25 <select dir="rtl">
26 <option>abc def</option>
27 <option>שנב גקכ</option>
28 <option dir="rtl">abc שנב def</option>
29 <option dir="ltr">שנב abc גקכ</option>
30 <option dir="rtl">hi!</option>
31 <option dir="ltr">hi!</option>
32 </select>
33 </body>
34 </html>