diff --git a/libs/components/src/layout/layout.component.ts b/libs/components/src/layout/layout.component.ts index 9c18b92b19c..48ec33f458d 100644 --- a/libs/components/src/layout/layout.component.ts +++ b/libs/components/src/layout/layout.component.ts @@ -52,7 +52,7 @@ export class LayoutComponent { handleKeydown(ev: KeyboardEvent) { if (isNothingFocused()) { ev.preventDefault(); - this.skipLink().el.nativeElement.focus(); + this.skipLink().focus(); } } } diff --git a/libs/components/src/link/link.component.ts b/libs/components/src/link/link.component.ts index 3aea8ae851d..2782b83b39d 100644 --- a/libs/components/src/link/link.component.ts +++ b/libs/components/src/link/link.component.ts @@ -128,6 +128,10 @@ export class LinkComponent { .concat(linkStyles[this.linkType()] ?? []); }); + focus() { + this.el.nativeElement.focus(); + } + constructor() { if (this.isButton) { ariaDisableElement(this.el.nativeElement, this.disabled);