Skip to content

[Bug]: Focus issue with Multi-select dropdown #209

Open
@razzaramian

Description

@razzaramian

Component

Dropdown (multi-select)

Is this a regression?

None

Describe the bug

The Multi-select dropdown doesn't receive focus when navigating with the Tab key.

To Reproduce

  1. Place the Multi-select dropdown component in a form alongside other components.
  2. Use the Tab key to navigate through the form.

Expected behavior

The Multi-select dropdown should receive focus with the Tab key.
Pressing Enter after focusing should open the dropdown.
Arrow keys should allow navigation and selection within the dropdown, whether it’s grouped or not.

Screenshots

No response

Package version

@geneui/[email protected]

Desktop

. OS: Windows, Mac
. Browser & version:
. Additional Information:

Smartphone

. Device:
. OS:
. Browser & version:
. Additional Information:

Exception or Error

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    phase / exploringThis issue is in discovery phasetype / bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions