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

<div style="zoom: 0.7;">
    <input type=range list=foo style="width: 100px;" />
    <input type=range list=foo style="width: 100px; direction: rtl" />
    <input type=range list=foo style="writing-mode: vertical-lr; height: 100px; width: 30px" />
    <input type=range list=foo style="writing-mode: vertical-lr; height: 100px; width: 30px; direction: rtl" />
</div>

<div style="zoom: 1.5;">
    <input type=range list=foo style="width: 100px;" />
    <input type=range list=foo style="width: 100px; direction: rtl" />
    <input type=range list=foo style="writing-mode: vertical-lr; height: 100px; width: 30px" />
    <input type=range list=foo style="writing-mode: vertical-lr; height: 100px; width: 30px; direction: rtl" />
</div>

<div style="zoom: 2;">
    <input type=range list=foo style="width: 100px;" />
    <input type=range list=foo style="width: 100px; direction: rtl" />
    <input type=range list=foo style="writing-mode: vertical-lr; height: 100px; width: 30px" />
    <input type=range list=foo style="writing-mode: vertical-lr; height: 100px; width: 30px; direction: rtl" />
</div>

<datalist id=foo>
    <option>0</option>
    <option>10</option>
    <option>20</option>
    <option>40</option>
    <option>80</option>
    <option>100</option>
</datalist>