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)

1. Go to https://materializecss.com/select.html
2. Select options in the dropdown and check values set.
3. 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

[spyro2000]

When will 1.0.1 be released with this fix? This behavior breaks some enterprise applications of us…

[minhhieu08]

@rylanb Hope it works