Selectmenu (popup menu) too wide on iOS
I'm working on a mobile app for iOS, using jQuery and jQuery mobile. I've got a selectmenu that has relatively short text in each option. It looks fine on PC/OSX Chrome/Desktop Safari. But on the iPad, the selectmenu options are way too wide for the short text (see images).
I've tried applying various CSS styles to different parts of it, but I can't figure out how to change that width. It appears that the native "option" tags are hidden, in favor of styled ones created by either jQuery or iOS/Safari. I can't find these styled menu items/options in the DOM/debugger, so I don't know how to access them or style them.
Anyone know how to fix this? Thanks! Images:
iOS:
OSX Desktop Chrome/Safari: