Skip to content

Select does not change value when tabbing out #2500

Open
@IanVS

Description

Current behavior

When changing the highlighted item in a select popover, then pressing tab, the value of the Select doesn't change, and I believe according to aria 1.2 it should. See downshift-js/downshift#1326 for a similar issue that was solved in Downshift.

Steps to reproduce the bug

  1. Open example: https://ariakit.org/components/select
  2. Open the Select with the keyboard.
  3. Arrow down to choose a different option
  4. Press tab
  5. Notice the value in the Select is not changed from what it was.

Expected behavior

Tabbing out of a Select after changing the highlighted item should change the value.

Workaround

I think this can be somewhat replicated with setValueOnMove, but that's not quite the same. I believe the value shouldn't actually be updated until the tab button is pressed, not each time the active item changes.

Possible solutions

No response

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions