diff options
Diffstat (limited to 'Source/WebCore/manual-tests/select_webkit_appearance_off_popup_alignment.html')
-rw-r--r-- | Source/WebCore/manual-tests/select_webkit_appearance_off_popup_alignment.html | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/select_webkit_appearance_off_popup_alignment.html b/Source/WebCore/manual-tests/select_webkit_appearance_off_popup_alignment.html new file mode 100644 index 0000000..3e48852 --- /dev/null +++ b/Source/WebCore/manual-tests/select_webkit_appearance_off_popup_alignment.html @@ -0,0 +1,78 @@ +<html> + +<body> + <p>Manual test for popup alignment of select with no apperance.</p> + + <p>All popup boxes should all align with select element on both left and right side.</p> + + No scrollbar in popup:<br> + + LTR: <select size="1" style="-webkit-appearance: none;"> + <option>Item 1</option> + <option>Item 2</option> + <option>Item 3</option> + <option>Item 4</option> + <option>Item 5</option> + </select> + + RTL: <select size="1" dir="rtl" style="-webkit-appearance: none;"> + <option>Item 1</option> + <option>Item 2</option> + <option>Item 3</option> + <option>Item 4</option> + <option>Item 5</option> + </select> + + <br> + + Popup has scrollbar:<br> + LTR: <select size="1" style="-webkit-appearance: none; padding-right: 20px;"> + <option>Item 1</option> + <option>Item 2</option> + <option>Item 3</option> + <option>Item 4</option> + <option>Item 5</option> + <option>Item 6</option> + <option>Item 7</option> + <option>Item 8</option> + <option>Item 9</option> + <option>Item 10</option> + <option>Item 11</option> + <option>Item 12</option> + <option>Item 13</option> + <option>Item 14</option> + <option>Item 15</option> + <option>Item 16</option> + <option>Item 17</option> + <option>Item 18</option> + <option>Item 19</option> + <option>Item 20</option> + <option>Item 21</option> + </select> + + RTL: <select size="1" dir="rtL" style="-webkit-appearance: none; padding-left: 20px;"> + <option>Item 1</option> + <option>Item 2</option> + <option>Item 3</option> + <option>Item 4</option> + <option>Item 5</option> + <option>Item 6</option> + <option>Item 7</option> + <option>Item 8</option> + <option>Item 9</option> + <option>Item 10</option> + <option>Item 11</option> + <option>Item 12</option> + <option>Item 13</option> + <option>Item 14</option> + <option>Item 15</option> + <option>Item 16</option> + <option>Item 17</option> + <option>Item 18</option> + <option>Item 19</option> + <option>Item 20</option> + <option>Item 21</option> + </select> + +</body> +</html> |