Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/forms/datalist/input-appearance-range-with-padding-with-datalist.html 

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-100">
<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="writing-mode: vertical-lr; width: 20px; height: 200px; padding: 40px 0;" value=20 />
<input type=range list=foo dir=rtl style="writing-mode: vertical-lr; 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>