Native select dropdown, dropdown options not opening below select component

[pedreviljoen]

What component (if applicable)

• URL for category: https://tailwindui.com/components/application-ui/forms/select-menus
• Component name: Simply native

Describe the bug The native select component on mobile renders the options dropdown list at a strange place, not under the select component. Replicated on the tailwind UI components site as well.

To Reproduce Steps to reproduce the behavior: Implement the native select input component with options, view that component on mobile viewport and click on the select component.

Expected behavior Expected the select options to appear on top of or below the dropdown like below screenshot:

Screenshots

Browser/Device (if applicable)

• OS: iOS
• Browser Chrome
• Version: Chromium Engine Version 126.0.6478.183

[reinink]

Hey! Thanks for letting us know about this.

I'm curious, are you seeing this behavior on a real mobile device, or just when using Chrome DevTools? (That's the only place I am able to reproduce this issue.)

Here's what I see in Chrome on my iPhone:

[reinink]

Hey! Going to close this one for now because I'm 99% sure this is just an issue with DevTools and not something that will actually happen on a real device. Please let me know if that isn't the case though. Thanks! 🤙