blob: efb269fe298e720b42e4b1c0fd15595ee6859af8 [file] [log] [blame]
<!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>