Skip to content

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

@rogerfar

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageA maintainer needs to review this issue and label it appropriately

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions