Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Silder thumb pointer events fail to fire change on iOS

See original GitHub issue

Bug report

Sliders are temperamental on iOS when relying on the MDCSlider:change event. The event only seems to fire if you lift your finger off the slider very carefully. If you move your finger away from the slider’s thumb (up or down) before removing your finger from the screen the event fails to fire

Steps to reproduce

Go to https://codepen.io/simonziegler/pen/VwKrRNb on an iPhone or iPad
Move the slider and then lift your finger very directly - you’ll see the “Value: 50” text change.
Now try the same but slide your finger down after moving the thumb before releasing your touch. The event fails to fire.

Software	Version(s)
MDC Web	8.0.0
Browser	Safari and others
Operating System	iOS 14

Issue Analytics

State:
Created 3 years ago
Comments:11 (11 by maintainers)

Top GitHub Comments

1reaction

joyzhongcommented, Dec 29, 2020

Filed https://bugs.webkit.org/show_bug.cgi?id=220196, I’ll look into using mouse/touch events instead on iOS to work around this =\

0reactions

simonzieglercommented, Sep 20, 2021

Hi Joy, I finally managed to move off v9 (jumping straight to v12) and confirm that this is resolved. Sorry for the delay!

Top Results From Across the Web

Howto get UISlider to respond to tap events on the track above ...

I think a better solution is just to subclass UISlider, and to re-implement - (BOOL)beginTrackingWithTouch:(UITouch *)touch ...

Pointer events - Web APIs | MDN

Pointer events are DOM events that are fired for a pointing device. They are designed to create a single DOM event model to...

Pointer Events - W3C

The user agent MUST fire a pointer event named pointerover when a pointing device is moved into the hit test boundaries of an...

Touch/pointer events test results - GitHub Pages

There is some oddity/bug in iOS 12.2, with mousedown , mouseup and click being fired twice when first tapping on the control. First...

Pointer events - Unity - Manual

PointerMoveEvent, Sent when the pointer changes state. ... button property returns an integer that identifies the mouse button pressed to trigger the event....