Range Slider Touch

Range slider web component optimized for touch.

version

View this on mobile. Chrome DevTools mobile view touch may also work. But the Firefox touch simulation is currently not working. Safari iOS was only tested secondary. This component was created mainly for demo purposes and to replace the terrible input panel in Android WebView.
Read more

Here is the native input range. Try it! Start by touching the range slider and scroll the page. Try it on the track or knob. If the native input range touch issue hasn't been resolved yet, you probably accidentally changed the value. Annoying, isn't it?

Native HTML Input Range

And now try my range sliders. A single tab changes the value and long press to move it. The values should not change when you scroll the page. On the desktop you can change the value as usual with the mouse.

Basic