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

<input type=range list=foo value=10 />
<input type=range list=foo style="width: 50px;" value=20 />
<input type=range list=foo style="-webkit-appearance:slider-vertical;" value=40 />
<input type=range list=foo style="-webkit-appearance:slider-vertical; height: 50px;" value=80 />
<datalist id=foo>
    <option>0</option>
    <option>10</option>
    <option>20</option>
    <option>40</option>
    <option>80</option>
    <option>100</option>
</datalist>

<input type=range list=invalid />
<datalist id=invalid>
    <option>-10</option>
    <option>120</option>
    <option>50.1</option>
    <option>Infinity</option>
    <option>foo</option>
</datalist>

<br>
<!-- crbug.com/1146385 -->
<input type=range list=foo style="height: 10px;">
<input type=range list=foo style="height: 40px;">