Add blur effect to highlight directive for improved user experience

robsonalvesdevbr · Nov 28, 2024 · dcdf1d6 · dcdf1d6
1 parent 8a46ad3
commit dcdf1d6
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/app/directives/highlight.directive.ts b/src/app/directives/highlight.directive.ts
@@ -15,6 +15,7 @@ export class HighlightDirective {
   private highlight(color: string, visibility: boolean = true) {
     if (visibility) {
       this.el.nativeElement.classList.add(color);
+      this.el.nativeElement.blur();
     } else {
       this.el.nativeElement.classList.remove(color);
       this.el.nativeElement.blur();