fix(dropdown): prevent activating disabled dropdown item via keyboard

closes #389
vmware-clarity · Dec 14, 2022 · 1481ce1 · 1481ce1
1 parent 85df471
commit 1481ce1
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/projects/angular/src/popover/dropdown/dropdown-item.ts b/projects/angular/src/popover/dropdown/dropdown-item.ts
@@ -76,4 +76,20 @@ export class ClrDropdownItem {
       }
     });
   }
+
+  @HostListener('keydown.space', ['$event'])
+  private onSpaceKeydown($event: KeyboardEvent) {
+    this.stopImmediatePropagationIfDisabled($event);
+  }
+
+  @HostListener('keydown.enter', ['$event'])
+  private onEnterKeydown($event: KeyboardEvent) {
+    this.stopImmediatePropagationIfDisabled($event);
+  }
+
+  private stopImmediatePropagationIfDisabled($event: Event) {
+    if (this.disabled) {
+      $event.stopImmediatePropagation();
+    }
+  }
 }