I find the element in general to be very unreliable on iOS Safari on iPhone and iPads. It sometimes requires two or more attempts to get the knob to pick up the drag event. I was trying to make the area of the knob larger using CSS. This kinda helps UX wise with the downside of being simply ugly.
What do you think? Did you ever get a HTML5 range slider to work as good as a native iOS range slider? If so, how did you get there?
All attempts I tried so far horribly failed the “mom test” and the “ladies with average length fingernails” test as well.
Funny enough, [insert jQuery plugin doing the same thing here] usually offers better UX than the native HTML5 implementation. I wonder if this is simply the browser having no fine-tuning for the element or touch being not really tested yet for those elements in general?
And then, there’s the different implementations on different browsers. A real pain. Wouldn’t it make sense for Ionic to try and provide a) a consistent UX in terms of touch-handling and b) design as well?