Popover closes immediately when cmdk input uses autoFocus, only after initial mount

[sohrab-]

I am cross-posting this discussion I raised on the other repo: pacocoursey/cmdk#331

I personally think it may something that cmdk is doing, hence raising there first but the folks here would be more familiar with the popover behaviour and what would cause it to trigger its own closure so to give me a hint to narrow down the investigation.

I have noticed it happens even when I disable all of these props: shouldCloseOnScroll, shouldCloseOnBlur, isKeyboardDismissDisabled.

I have a pretty specific configuration of libraries and I have noticed this odd behaviour. I am not sure how to narrow it down so I can submit a bug to a specific library.

Here is an example: https://stackblitz.com/edit/vitejs-vite-8hffmrx5?file=src%2FApp.tsx

To replicate (in Chrome or Brave browsers only):

1. Refresh the preview
2. Click the button - it does nothing
3. Click the button again - it opens the popover with the command
4. Click the button again - it opens the popover with the command from now on

On a freshly refreshed page (initial mount), the popover opens and immediately triggers its own close. But after that initial glitch, it works fine.

I initially thought, there was an issue with the popover, but it only happens when <Command.Input /> has an autoFocus prop.

• If you remove the autoFocus prop, then it opens fine.
• If you replace the <Command.Input /> with any other input with an autoFocus, then it opens fine

What's even more odd is that this behaviour is only happening in Chrome and Brave but not Firefox or Safari 🫠.

I can't see anything in the implementation of <Command.Input /> that could be related. Unfortunately, I can't replace it wholesale due to its usage of non-exported hooks and the props it sets internally cannot be overridden either so I am stuck with trying to make it work.

Anyone got any ideas, hints, etc. to narrow down what's causing this?