Enhance highlight directive to blur on keypress for improved accessib…

…ility
robsonalvesdevbr · Nov 28, 2024 · e741949 · e741949
1 parent dcdf1d6
commit e741949
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/directives/highlight.directive.ts b/src/app/directives/highlight.directive.ts
@@ -15,10 +15,10 @@ export class HighlightDirective {
   private highlight(color: string, visibility: boolean = true) {
     if (visibility) {
       this.el.nativeElement.classList.add(color);
-      this.el.nativeElement.blur();
+      this.el.nativeElement.addEventListener('keypress', () => { this.el.nativeElement.blur(); window.focus(); });
     } else {
       this.el.nativeElement.classList.remove(color);
-      this.el.nativeElement.blur();
+      this.el.nativeElement.addEventListener('keypress', () => { this.el.nativeElement.blur(); window.focus(); });
     }
   }
 }