Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / ManualTests / select_alignment.html
blob7c1bc0e3d614925a3219f804f379e48b28b520e0
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>