third_party/WebKit/LayoutTests/fast/forms/datalist/input-appearance-range-with-padding-with-datalist.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head></head>
   4 <body>
   5 <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>
   6 <input type=range list=foo style="width: 200px; padding: 0 40px;" value=20 />
   7 <input type=range list=foo dir=rtl style="width: 200px; padding: 0 40px;" value=20 />
   8 <input type=range list=foo style="-webkit-appearance:slider-vertical; width: 20px; height: 200px; padding: 40px 0;" value=20 />
   9 <input type=range list=foo dir=rtl style="-webkit-appearance:slider-vertical; width: 20px; height: 200px; padding: 40px 0;" value=20 />
  10 <datalist id=foo>
  11     <option>0</option>
  12     <option>10</option>
  13     <option>20</option>
  14     <option>30</option>
  15     <option>40</option>
  16     <option>50</option>
  17     <option>60</option>
  18     <option>70</option>
  19     <option>100</option>
  20 </datalist>
  21 </body>
  22 </html>
  23 <script>
  24 if (window.testRunner)
  25     testRunner.dumpAsTextWithPixelResults();
  26 </script>