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