autoFocus on Command.Input causes popover to close immediately on initial mount

[sohrab-]

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?