diff --git a/src/cdk/listbox/listbox.ts b/src/cdk/listbox/listbox.ts index 213d1f31adef..412aa6dfb851 100644 --- a/src/cdk/listbox/listbox.ts +++ b/src/cdk/listbox/listbox.ts @@ -194,7 +194,13 @@ export class CdkOption implements ListKeyManagerOption, Highlightab * No-op implemented as a part of `Highlightable`. * @docs-private */ - setActiveStyles() {} + setActiveStyles() { + // If the listbox is using `aria-activedescendant` the option won't have focus so the + // browser won't scroll them into view automatically so we need to do it ourselves. + if (this.listbox.useActiveDescendant) { + this.element.scrollIntoView({block: 'nearest', inline: 'nearest'}); + } + } /** * No-op implemented as a part of `Highlightable`.