select_webkit_appearance_off_popup_alignment.html 2.0 KB

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