fix(chip): disabled attribute prevents click event.

material-components · Nov 28, 2023 · d501ddd · d501ddd
1 parent 33c1afe
commit d501ddd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/chips/internal/_shared.scss b/chips/internal/_shared.scss
@@ -37,6 +37,10 @@
     margin: max(0px, (48px - var(--_container-height)) / 2) 0;
   }
 
+  :host([disabled]) {
+     pointer-events: none;
+  }
+
   md-focus-ring {
     @include focus-ring.theme(
       (

diff --git a/chips/internal/chip.ts b/chips/internal/chip.ts
@@ -34,7 +34,7 @@ export abstract class Chip extends LitElement {
    *
    * Disabled chips are not focusable, unless `always-focusable` is set.
    */
-  @property({type: Boolean}) disabled = false;
+  @property({type: Boolean, reflect: true}) disabled = false;
 
   /**
    * When true, allow disabled chips to be focused with arrow keys.