<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> |