Range issue iOS

[dbaq]

Hi,

I am using the range input, it is working perfectly on android and iOS, however if I replace icons by a text before and after the range input, it is not displayed on iOS. see below.

another question: why is there a max-width on the range input? it looks weird on large device.

iOS rendering:

Android rendering:

Thanks guys

[adamdbradley]

For the max width question, I thought it looked weird to have a range slider go across an entire iPad display, it seemed too long. Is that what you mean? You're saying you would expect it to be 100% width?

[adamdbradley]

Probably right. And when someone doesn't like the 100% width they can override it. I'll keep this open and make the change. Thanks.

[dbaq]

sorry I deleted my last comment by mistake:
"It looks weird on smartphones too. I didn't even tried on an iPad. On a nexus 5, It does not fit the full width.
IMO, you should let the full width."

[adamdbradley]

I added .range-label which can be added to either side of the range:

[dbaq]

Thanks for the quick fix!

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