| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>This tests that touch events are handled correctly when the range's thumb is display:none</title> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| </script> |
| <style> |
| input[type=range] { |
| -webkit-appearance: none; |
| } |
| |
| input[type=range]::-webkit-slider-runnable-track { |
| height: 5px; |
| background: red; |
| } |
| |
| input[type="range"]::-webkit-slider-thumb { |
| -webkit-appearance: none; |
| display: none; |
| } |
| </style> |
| </head> |
| <body> |
| Pass if no crash. |
| <input type="range" id="range" min="0" max="300" step="5" value="0"> |
| </body> |
| <script> |
| var event = document.createEvent('TouchEvent'); |
| event.initUIEvent('touchstart', true, true); |
| event.view = window; |
| document.getElementById("range").dispatchEvent(event); |
| </script> |
| </html> |