Package

@carbon/web-components

Browser

Chrome

Package version

v2.40.1

React version

No response

Description

When navigating a filterable multi-select dropdown with the keyboard (ArrowUp/ArrowDown), the currently active (focused) option can move outside the visible scroll area and isn’t automatically scrolled into view.

Symptoms

• The focus outline / highlight jumps, but the list doesn’t scroll to follow it.
• Users pressing ArrowDown repeatedly end up “navigating blind” once the focus moves beyond the viewport.
• In some cases the active item briefly appears after manual scroll, then is lost again as navigation continues.

Filterable Multi-select

Multi-select

Reproduction/example

https://stackblitz.com/edit/github-7fjfrate?file=index.html

Steps to reproduce

• Open the filterable multi-select.
• Ensure enough options exist to make it scrollable (e.g., > 10).
• Start using ArrowDown to move past the initially visible region.
• Observe that focus continues moving but the list doesn’t auto-scroll.

Suggested Severity

None

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