<html>
<head>
<base href="https://bugs.webkit.org/">
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - <input type="range"> changing to disabled while active breaks all pointer events"
href="https://bugs.webkit.org/show_bug.cgi?id=170447">170447</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td><input type="range"> changing to disabled while active breaks all pointer events
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 10
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>OS X 10.10
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>HTML Events
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>tomxor@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=306168" name="attach_306168" title="Test Case">attachment 306168</a> <a href="attachment.cgi?id=306168&action=edit" title="Test Case">[details]</a></span>
Test Case
Safari Version 10.1 (10603.1.30.0.34)
This is an intentional duplicate of 82558 from 2012 which was fixed in the same year, but I cannot re-open. New test case included here in-case it's any different.
If a native slider is disabled while the user is dragging, then other pointer events on the page will stop working from that point onward.
In the following example, drag the slider to either end where it will be disabled, then attempt to click the button to get the alert.
<!doctype html>
<script>
const input = (that) => {
if (Math.abs(that.value - 50) === 50) {
that.disabled = true;
}
};
</script>
<input type="range" oninput="input(this)">
<button onclick="alert('Click')">Click</button></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>