material_dropdown on iOS: Touching an element selects the wrong element

[Seyphaton]

Hi all,

on iOS (13 and 14)/webkit: If you select an element in the material dropdown list, another element gets selected.
I don't own a Mac to debug the issue.

On chromium (windows, android) everything works fine.

Thank for your help!

[Seyphaton]

Obviously an issue of materialize css: Dogfalo/materialize#6464
The main problem seems to be that the materialize css project is kind of dead

I fixed this specific issue by simply adding "browser-default" to the select input and hiding the materialize components (on ios only)

[BWeeks101]

I have found that an alternative to using .browser-default is to apply the following:

.select-wrapper * { transition: none !important; transform: none !important; }

[Seyphaton]

Nice workaround @BWeeks101 for Macs/iPads - for iPhones I prefer the "browser-default" selection.