| <!DOCTYPE html> |
| <html> |
| <head></head> |
| <body> |
| <p id="description">Tests if tick marks are drawn in the correct positions even when the element has padding. <a href="https://bugs.webkit.org/show_bug.cgi?id=93791">Bug 93791</a></p> |
| <input type=range list=foo style="width: 200px; padding: 0 40px;" value=20 /> |
| <input type=range list=foo dir=rtl style="width: 200px; padding: 0 40px;" value=20 /> |
| <input type=range list=foo style="-webkit-appearance:slider-vertical; width: 20px; height: 200px; padding: 40px 0;" value=20 /> |
| <input type=range list=foo dir=rtl style="-webkit-appearance:slider-vertical; width: 20px; height: 200px; padding: 40px 0;" value=20 /> |
| <datalist id=foo> |
| <option>0</option> |
| <option>10</option> |
| <option>20</option> |
| <option>30</option> |
| <option>40</option> |
| <option>50</option> |
| <option>60</option> |
| <option>70</option> |
| <option>100</option> |
| </datalist> |
| </body> |
| </html> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(true); |
| </script> |
