Skip to content

Select only autoscrolls to selected element w/ Chrome (not Safari or Firefox) #1712

@bigmac44

Description

@bigmac44

Describe the bug

On the bits-ui documentation page for Select, go the first example at the top and choose one of the lower colors that requires scrolling to get to (e.g., Deep Purple).

In Chrome, when you open the select a second time, the selected item (Deep Purple) will be within the view. On Safari and Firefox, the view is scrolled to the top and the selected item is not visible without scrolling down again.

With native selects and in the original shadcn, opening the select will always start with the selected item in view regardless of browser.

https://ui.shadcn.com/docs/components/select
and try the scrollable example.

Reproduction

https://bits-ui.com/docs/components/select

Logs

System Info

System:
    OS: macOS 15.6
    CPU: (10) arm64 Apple M4
    Memory: 96.48 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.12.0 - ~/.nvm/versions/node/v22.12.0/bin/node
    npm: 10.9.0 - ~/.nvm/versions/node/v22.12.0/bin/npm
  Browsers:
    Chrome: 139.0.7258.128
    Safari: 18.6
  npmPackages:
    @sveltejs/kit: ^2.0.0 => 2.27.1 
    bits-ui: ^2.4.0 => 2.9.3 
    svelte: ^5.30.0 => 5.38.1

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