-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug: range inputs not working on ios9 #4628
Comments
Hmm, not seeing this in my test. Started a project with a modal, added the following code to the modal
ran on my iphone running ios9 with no problems. Could you provide an example or demo to work from? |
Thanks. You're right it works. It's my dialog that is breaking the behaviour. It's included below - if I remove the first input type (text selectedStation.Name) or if I paste your example at the top of the ion-content section then the range inputs (all of them) work. If I leave it as below the range inputs don't work.
|
Would you mind throwing this into a codepen with mock data |
Well I've put the salient pieces into a codepen but it won't tell you much as this is an iOS9 problem. The range inputs work fine in the browser. As I said in my last comment I can get it working by removing the first text input. |
Ok after some playing around I've got to the bottom of the problem. This is to do with input focus. When the input type="text" is the first field on the modal then in iOS this input grabs focus but it doesn't show that it has focus as there is no keyboard. If you click on the text input, it pops up a keyboard and then on returning from it the range inputs on the modal become responsive. Curiously the ion-checkboxes are responsive without this focus so this is where the confusion arises. If I move the text input to be the second input type on the modal then this issues goes away. So it would appear there is an inconsistency which I can work around clumsily as above - is there a better way to do this (force focus elsewhere or remove focus?) and the wider question is is there a bug here to be fixed? |
+1 for input type text being first is the issue. |
What about having a list full of text inputs?? :S I can't see the way to make it work... Thanks! |
Having the same problem here. When a modal has a text input the range input becomes unresponsive. |
This issue appears to be related to a bug I just opened here: #5346 |
Hello all! Is this still an issue with the latest version of ionic? Thanks! |
Hello all! As it seems it has been a while since there was any activity on this issue i will be closing it for now. Feel free to comment if you are still running into this issue. Thanks for using Ionic! |
This bug is still in system. Ionic v1.3.1 If i focus any input/select element on my form then i can't change input[type=range]. If form is pristine, the range input works well. This problem appears only in mobile app (ios9), app works well in chrome. |
+1 also experiencing issues with iOS 9 and 10. Works fine in chrome. |
Range input is unresponsive on iOS9, on android works great. |
Type: bug
Platform: ios 8 webview
Slight twist on issue (github) #1078 - I'm using a range input in a modal popup. The input doesn't get the events at all under ios9. I've tried turning off scroll on the ion-content but still no joy. Works in the browser but not on the simulator or device. Raising this as a separate issue as I can't reopen the original and this seems a bit more straightforward breakage.
Originally got this issue on 1.6.5 and have just updated to 1.7.8 and confirm it's still the same. Screenshot attached of the modal - all elements work apart from the range inputs.
The text was updated successfully, but these errors were encountered: