Package

@carbon/react

Browser

No response

Package version

v1.93

React version

No response

Description

In the React Dropdown component, there’s an unwanted border when the selector is selected. Below is an image to illustrate the issue.

Expected:

Reproduction/example

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

Steps to reproduce

• Go to React Storybook > Dropdown > Default
• Access the Dropdown, select an item, then press the arrow key up or down
• If you look closely at the item (when the focus leaves it), there's a border on top, it doesn't appear fully selected.

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

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