It's hard to get a good solution on mobile. Seems most solutions either expand like accordion, which makes accidental clicks (especially when they animate for

It's hard to get a good solution on mobile. Seems most solutions either expand like accordion, which makes accidental clicks (especially when they animate for like 1s). Same issue as an 'overlay' z-indexed over the navigation. Simply expanding can take up the whole screen, i've seen a lot of 'side navigation' that expands right, or a hamburger that goes full screen. I don't like those... And it seems less accessible for screen readers if it's not actual selects? Maybe not with good aria hints I have been experimenting with using actual selects for a current plugin tool I'm building. If anyone has good examples to build on? Trying to combine the nice desktop styling of this codepen, with an actual mobile os select ux. https://codepen.io/ahmedhosna95/pen/GGRXBR https://codepen.io/ahmedhosna95/pen/GGRXBR https://demos.jquerymobile.com/1.4.5/selectmenu/ https://demos.jquerymobile.com/1.4.5/selectmenu/