materialize: iOS13 Select Seems Broken
#5819 Expected Behavior
When using select dropdowns in Materialize 1.0.0, the correct selected option is selected and value of the selected option is set properly $('select').val()
. This seems to ONLY be broken in iOS 13 beta. There may be something with the beta on mobile, but I wanted to report this in case others see it. Try to get ahead of it.
Current Behavior
When I select an item on iOS13 beta mobile Safari, the value that is set and passed back on form submit is the wrong ID of the item selected. So if I had <option value="1">1</option>
and <option value="2">2</option>
and <option value="3">3</option>
and I click on Option 1, Option 3 might show as selected and would pass that value on form submit.
Possible Solution
This one boggles me but I’ve seen it on 3 different pages (staging / prod and sub pages with Materialize selects)
Steps to Reproduce (for bugs)
- Go to https://materializecss.com/select.html
- Select options in the dropdown and check values set.
- See that its not selecting the right option?
Context
Toggling between items to edit things is not working as its redirecting to the wrong item. We can’t get to proper item via a select with a value. We aren’t sure what the pattern is, though.
Your Environment
- Version used: iOS13 Beta
- Browser Name and version: Safari Mobile
- Operating System and version (desktop or mobile): Mobile
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Reactions: 9
- Comments: 27 (2 by maintainers)
When will 1.0.1 be released with this fix? This behavior breaks some enterprise applications of us…
@rylanb Hope it works
@imaginecodedragon there are plans underway to move things forward with Materialize, bug fixes being the primary concern. I totally agree the inactiveness is an issue, but despite that, there are fixes for the browser bugs that have sprung up in time.
All my projects get the patched select.js served by default, so I don’t have to worry about it. Not sure how you work but in Wordpress it is as simple as enqueing:
materialize.min.js
select.js
custom.js
In that order. Problem solved, never have to think about it again.