ManualTests/select_webkit_appearance_off_popup_alignment.html

   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>