Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / ManualTests / select_webkit_appearance_off_popup_alignment.html
blob3e4885218fe2f5ff364a3dbedc1c50fc391d253c
1 <html>
3 <body>
4 <p>Manual test for popup alignment of select with no apperance.</p>
6 <p>All popup boxes should all align with select element on both left and right side.</p>
8 No scrollbar in popup:<br>
10 LTR: <select size="1" style="-webkit-appearance: none;">
11 <option>Item 1</option>
12 <option>Item 2</option>
13 <option>Item 3</option>
14 <option>Item 4</option>
15 <option>Item 5</option>
16 </select>
18 RTL: <select size="1" dir="rtl" style="-webkit-appearance: none;">
19 <option>Item 1</option>
20 <option>Item 2</option>
21 <option>Item 3</option>
22 <option>Item 4</option>
23 <option>Item 5</option>
24 </select>
26 <br>
28 Popup has scrollbar:<br>
29 LTR: <select size="1" style="-webkit-appearance: none; padding-right: 20px;">
30 <option>Item 1</option>
31 <option>Item 2</option>
32 <option>Item 3</option>
33 <option>Item 4</option>
34 <option>Item 5</option>
35 <option>Item 6</option>
36 <option>Item 7</option>
37 <option>Item 8</option>
38 <option>Item 9</option>
39 <option>Item 10</option>
40 <option>Item 11</option>
41 <option>Item 12</option>
42 <option>Item 13</option>
43 <option>Item 14</option>
44 <option>Item 15</option>
45 <option>Item 16</option>
46 <option>Item 17</option>
47 <option>Item 18</option>
48 <option>Item 19</option>
49 <option>Item 20</option>
50 <option>Item 21</option>
51 </select>
53 RTL: <select size="1" dir="rtL" style="-webkit-appearance: none; padding-left: 20px;">
54 <option>Item 1</option>
55 <option>Item 2</option>
56 <option>Item 3</option>
57 <option>Item 4</option>
58 <option>Item 5</option>
59 <option>Item 6</option>
60 <option>Item 7</option>
61 <option>Item 8</option>
62 <option>Item 9</option>
63 <option>Item 10</option>
64 <option>Item 11</option>
65 <option>Item 12</option>
66 <option>Item 13</option>
67 <option>Item 14</option>
68 <option>Item 15</option>
69 <option>Item 16</option>
70 <option>Item 17</option>
71 <option>Item 18</option>
72 <option>Item 19</option>
73 <option>Item 20</option>
74 <option>Item 21</option>
75 </select>
77 </body>
78 </html>