Package

@carbon/react

Browser

No response

Package version

v1.93

React version

No response

Description

When I use the Tab key to focus the Dropdown component and then use the Arrow Up / Arrow Down keys to navigate through the menu items, everything works fine. But when I click outside the dropdown to close the menu, the currently highlighted item gets selected, even though I didn’t press Enter or Space. I expected the dropdown to close without selecting any item, like Combo box.

Note: The issue is visible in the Default story because it's the only one without a pre-selected value.

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-dropdown--default

Steps to reproduce

• Go to React Storybook > Dropdown > Default
  • Focus the dropdown using Tab
  • Use arrow keys to highlight an item
  • Click outside the dropdown > The highlighted item gets selected unexpectedly.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems