Description
You can move the slider with your finger from a completely different position on the page under certain circumstances.
What MDC Web Version are you using?
0.36.1 (same behaviour in earlier versions).
What browser(s) is this bug affecting?
Can repeat behaviour on Chrome mobile emulation: Version 67.0.3396.87 (Official Build) (64-bit)
Android 7.0.0, Chrome 67.0.3396.87.
iPhone 7: iOS 11/Safari.
What OS are you using?
Ubuntu/iOS 11/Android 7.
What are the steps to reproduce the bug?
On desktop:
-
Open Chrome tab in mobile emulation mode.
-
Go to the demo page.
-
Click (tap) somewhere on the Continuous slider until the context menu opens. Then release mouse button.
-
Press Esc so the context menu closes.
-
Click on the "T" in the bottom label "Tick Marks", keep mouse down, and move to the right. Continuous slider now moves, even though you're in a completely different section of the page.
What is the expected behavior?
As soon as you release the mouse, the slider should not be effected by clicking and moving the mouse on a different part of the page.
What is the actual behavior?
But the slider moves in response to mouse even though you ended (that's what it looks like) a previous drag.
On mobile you have similar behaviour, harder to repeat on Android, very easy on Safari.
Makes for extremely awkward page scroll behaviour.
Any other information you believe would be useful?
What happens is that Chrome does not appear to be sending the touchend/pointerend events.
So what appears to happen is that on a long tab an initial drag is started by the slider. If you now release the mouse, this is not recognised. I.e. no touchend is send, so the browser is still in dragging mode. Even if you click on another part of the page and drag that, the drag is still going to the slider.
FireFox is fine as it correctly sends touchend/pointerend.