Select trigger steals focus on inputs in content, in a dialog

[rogerfar]

Describe the bug

If you have a dialog that contains a Select component, and that select component contains an input field, you cannot focus on that input field.

Inspecting the onblur event of the input it looks like the trigger button traps the focus.

This behaviour does not occur when the select is not in a dialog.

Reproduction

https://stackblitz.com/edit/shadcn5-repro-template-cy1zb9rc

Logs

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 20.19.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.8.2 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    bits-ui: ^2.4.1 => 2.4.1 
    svelte: ^5.33.2 => 5.33.14

Severity

annoyance

[huntabyte]

Select's currently don't support inputs within them, as the Content has a role="listbox". Adding support for this capability is on the roadmap.

[rogerfar]

Makes sense!

But what makes it works outside a dialog but not inside a dialog?