diff --git a/packages/components-angular/src/focus.directive.ts b/packages/components-angular/src/focus.directive.ts
index 200b3b7cab..f0ec57d962 100644
--- a/packages/components-angular/src/focus.directive.ts
+++ b/packages/components-angular/src/focus.directive.ts
@@ -1,12 +1,12 @@
-import { AfterViewInit, Directive, ElementRef } from '@angular/core'
+import { AfterViewChecked, Directive, ElementRef } from '@angular/core'
 
 @Directive({
-  selector: 'balAutofocus',
+  selector: '[balAutoFocus]',
 })
-export class BalAutoFocus implements AfterViewInit {
+export class BalAutoFocus implements AfterViewChecked {
   constructor(private elementRef: ElementRef) {}
 
-  ngAfterViewInit() {
+  ngAfterViewChecked() {
     this.elementRef.nativeElement.focus()
   }
 }