bug: CSS Range Input not working on iPad with iOS 6.1.3

[kelle62819]

Type: bug

Platform: ios 6 webview

The range input is not sliding on my iPad with iOS 6.1.3 (10B329) Model MD328NF/A

To reproduce:

• ionic start rangetest tabs
• Add range input code from documentation to tab-dash.html under H1 tag:

That's it. Out of the box it works fine on my Galaxy S3 but won't slide on the iPad. What is strange is that if with one finger I pull the screen down and with another I try and slide it, I can sometimes get it to slide.

Here is a video of me trying to slide it and finally succeeding after "pulling down": http://youtu.be/pIQ_gDna5dc

[kelle62819]

FYI... I ran "ionic serve" and accessed the page from Safari on the iPad and the result is the same, won't slide. But a standard HTML5 range input without ionic works.

[mhartington]

Can you put together a codepen for this?

[kelle62819]

I don't think it is really necessary. I have even tried adding a simple range input to a blank ionic template and it does not work on iOS 6.1.3 (Cordova app or Safari browser). I have verified it isn't CSS related. I commented out the linking of the CSS files and although the appearance changes the range slider still won't move. The only thing that gets it working is taking out the 'ionic' require from the app declaration :

Range input doesn't work like this: angular.module('starter', ['ionic'])

But works like this: angular.module('starter', [])

On Tue, Aug 19, 2014 at 3:26 AM, Mike Hartington notifications@github.com wrote:

Can you put together a codepen for this?

— Reply to this email directly or view it on GitHub https://github.com/driftyco/ionic/issues/2016#issuecomment-52579276.

[kelle62819]

It looks like when I try and move the range slider it is trying to scroll the content instead of moving the slider. If I add scroll="false" to the ion-content tag then all range inputs within that tag work properly on the iPad. For my app this is not a problem, I don't need scrolling but I am sure this would pose a problem for some other use cases.

[ghost]

Any update on this issue? I've also been unable to adjust sliders in iOS6 unless adding scroll="false" to the ion-content element, which will not work for my application.

[mhartington]

Hmm, so if this is only happening on iOS6, I don't think we'll do much about it. Since Apple requires apps to be built for iOS7, and with iOS8 on it's way, iOS6 won't be a problem anymore.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.