headlessui

What package within Headless UI are you using? @headlessui/vue What version of that package are you using? v1.7.23 What browser are you using? Chrome and Firefox Reproduction URL https://github.com/ignatremizov/headlessui-vue-popover-restore-focus-repro Describe your issue** I need this UX pattern: Clicking a text input opens a Popover stays open while typing in the input Clicking inside popover should not force-close Clicking outside should close popover and keep input unfocused Current behavior restores focus to the popover trigger/input after close (especially on outside click), and there is no supported opt-out for Popover in Vue. In more complex UI flows this causes focus ping-pong () and visible flicker when trying to keep focus away from the input after outside close. The minimal repro above demonstrates that outside click closes popover and then focus returns to the input. Would you consider adding a supported Popover option to disable restore-focus (for example semantics), or an equivalent close API option (e.g. ) in Vue? Possibly related threads: https://github.com/tailwindlabs/headlessui/issues/3002 https://github.com/tailwindlabs/headlessui/issues/3611 https://github.com/tailwindlabs/headlessui/issues/1839 https://github.com/tailwindlabs/headlessui/issues/2186 https://github.com/tailwindlabs/headlessui/issues/3686 https://github.com/tailwindlabs/headlessui/pull/3687

What package within Headless UI are you using? @headlessui/vue What version of that package are you using? v1.7.23 What browser are you using? Chrome Describe your issue I'm using two dropdown Menu on my site header with an svg in the MenuButton and they don't close correctly on touch event on mobile. On click event it work fine. Using text instead of an svg image work fine too. Idk if it is a similar bug like this old one (for React): https://github.com/tailwindlabs/headlessui/issues/2986 I uploaded a video to show the issue. https://github.com/user-attachments/assets/e9e80d6c-7dfb-4469-be40-2d2c8bba5e0a