<!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>
