HTML5 range input inside a modal does not slide/click/change value on iOS

[astopo]

Short description of the problem:

HTML5 range input inside a modal does not slide or click. Expected to be able to move the range slider to change the value. This specific to iOS - on a simulator - iPhone 6, iOS 9.2

Steps to reproduce:

1. Create a modal from a page.
2. Put a plain range input in the modal page template.

Ionic Version 2.0.0-2

Run ionic info from terminal/cmd prompt: (paste output below)

Cordova CLI: 5.4.1
Gulp version: CLI version 3.9.0
Gulp local:
Ionic Version: 2.0.0-beta.1
Ionic CLI Version: 2.0.0-beta.17
Ionic App Lib Version: 2.0.0-beta.8
ios-deploy version: Not installed
ios-sim version: 5.0.4
OS: Mac OS X El Capitan
Node Version: v5.0.0
Xcode version: Xcode 7.2.1 Build version 7C1002

[jgw96]

Thanks for the detailed issue! Would you be able to provide some code (codepen, repo etc) so that we could easily repro your issue?

[astopo]

https://github.com/astopo/ionic-broken-range

[astopo]

^ I removed the side menu from the start app, because I saw that the range input is also broken on iOS if there is a side menu. So there is an example of a working on on a plain page, and a broken one inside a modal

[brandyscarney]

Thank you for the issue and the code example! I'm really sorry but at this time we are not going to be focusing on implementing the native range. We have an open issue to include a custom range slider here: #5422 and we plan on completing that in beta.8. We will reevaluate supporting the native slider at that time. Sorry again! 😊

[roysG]

any updates?

[shanesmith]

More here: ionic-team/ionic-v1#121

[ionitron-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.