1 <html> 2 3 <body> 4 <p>Manual test for popup alignment of select with no apperance.</p> 5 6 <p>All popup boxes should all align with select element on both left and right side.</p> 7 8 No scrollbar in popup:<br> 9 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> 17 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> 25 26 <br> 27 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> 52 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> 76 77 </body> 78 </html> 79
