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

   1 <script>
   2 if (window.testRunner)
   3     testRunner.dumpAsTextWithPixelResults();
   4 </script>
   5
   6 <div style="zoom: 0.7;">
   7     <input type=range list=foo style="width: 100px;" />
   8     <input type=range list=foo style="-webkit-appearance:slider-vertical; height: 100px; width: 30px" />
   9 </div>
  10
  11 <div style="zoom: 1.5;">
  12     <input type=range list=foo style="width: 100px;" />
  13     <input type=range list=foo style="-webkit-appearance:slider-vertical; height: 100px; width: 30px" />
  14 </div>
  15
  16 <div style="zoom: 2;">
  17     <input type=range list=foo style="width: 100px;" />
  18     <input type=range list=foo style="-webkit-appearance:slider-vertical; height: 100px; width: 30px" />
  19 </div>
  20
  21 <datalist id=foo>
  22     <option>0</option>
  23     <option>10</option>
  24     <option>20</option>
  25     <option>40</option>
  26     <option>80</option>
  27     <option>100</option>
  28 </datalist>