ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.09k stars 13.51k forks source link

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

Closed kelle62819 closed 10 years ago

kelle62819 commented 10 years ago

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:

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 commented 10 years ago

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 commented 10 years ago

Can you put together a codepen for this?

kelle62819 commented 10 years ago

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 commented 10 years ago

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. capture d ecran 2014-08-19 a 12 16 55

ghost commented 10 years ago

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 commented 10 years ago

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] commented 6 years ago

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.