Range Input prevents scrolling


#1

In my app on ios 8.3, when I swipe vertically on a range input, the page does not scroll. In iOS, when you swipe vertically anywhere on a native horizontal range input, the page scrolls just like if you were swiping anywhere else. In Ionic, however, it looks like that doesn’t work. In my app I have a number of horizontal range sliders stacked, and so much of the page simply won’t scroll. This is important, or I’m going to have to use other range sliders.

Any ideas as to a fix for this?

Thanks!


#2

I guess you are not the only one with this problem:
https://github.com/driftyco/ionic/issues/3897, which is connected to older issue: https://github.com/driftyco/ionic/issues/1078


#3

Lol, that was me I posted it there but got no response so I started here. Anyways, I found a fix that works for me - using a different slider library that makes a range slider from divs instead. It is designed for angular so it works well with ionic.


#4

The range slider is obviously a big problem in Ionic. Why have it at all if it doesn’t work right? Causing a lot of trouble for us the second anything on the view receives focus.


#5

That is why I created a custom range directive: