SelectMenu Focus on iOS/Safari
Hello 👋,
with iOS/Safari, when using searchable SelectMenu, touching the element does not automatically focus Safari on it like it does with other fields (Input, Select, etc.).
The effect is that when you touch the SelectMenu, if it’s located at the bottom of the page, the keyboard comes up and hides the input field. (see the attached video)
Do you know why this happens and how to fix it?
Thanks!
2 Replies
Hi @bqst. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I apologize, but I don't have enough information in the provided knowledge sources to directly answer your question about the SelectMenu focus behavior on iOS/Safari. The documents don't contain specific information about iOS/Safari compatibility issues or focus behavior for the SelectMenu component.
However, I can provide some general information about the USelectMenu component based on the available sources:
1. The USelectMenu component in Nuxt UI is a customizable select menu that supports features like searchability, multiple selection, and creatable options Source (https://ui.nuxt.com/components/select-menu#clear-on-close).
2. It has various props and configurations, including searchable and searchable-placeholder for enabling search functionality Source (https://ui.nuxt.com/components/select-menu#control-the-query).
3. The component allows customization of its appearance and behavior through props like
ui and uiMenu Source (https://ui.nuxt.com/components/select-menu#props).
Unfortunately, the provided knowledge sources don't address the specific iOS/Safari focus issue you're experiencing. To troubleshoot this problem, you might need to consult the official Nuxt UI documentation, check for any reported issues in the project's repository, or reach out to the Nuxt UI community for support.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@689443229871112215> Kapa.ai is still learning and improving, please let me know how I did by reacting below.