| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
| <title>Padding on select with webkit-appearance: off</title> |
| <style type="text/css"> |
| #webkit-appearance-none { |
| -webkit-appearance: none; |
| border: 1px solid black; |
| width: 15px; |
| padding-left: 5px; |
| padding-right: 5px; |
| } |
| |
| #narrow-with-border { |
| border: 1px solid black; |
| width: 40px; |
| } |
| </style> |
| </head> |
| |
| <body> |
| <p>This is a manual test for <a href="https://bugs.webkit.org/show_bug.cgi?id=33235">Padding in popup |
| menu gets lost with styled select in Windows</a></p> |
| <p>To open the selects, click inside the select boxes below.</p> |
| |
| <p>The options in this selects should have padding on both the left and the right, the edges of |
| the text should not be pressed against the edges of the opened select.</p> |
| <select id="webkit-appearance-none"> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| <hr /> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| </select> |
| |
| <p>The options in this select should not have too much padding on the right</p> |
| <select id="narrow-with-border"> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| <hr /> |
| <option href="#">Do Action ABCDEFG</option> |
| <option href="#">Do Action ABCDEFG</option> |
| </select> |
| </body> |
| </html> |
