fix(material/tabs): tab header is clickable if its disable

Prior this commit disabled tab header content is clickable and causing event when it shouldn't Fixes angular#27071
naaajii · May 13, 2023 · 80d7986 · 80d7986
1 parent aecb18a
commit 80d7986
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/material/tabs/_tabs-common.scss b/src/material/tabs/_tabs-common.scss
@@ -122,6 +122,11 @@ $mat-tab-animation-duration: 500ms !default;
     // hover and focus selectors.
     pointer-events: none;
 
+    // We also need to prevent content from being clickable.
+    .mdc-tab__content {
+      pointer-events: none;
+    }
+
     @include token-utils.use-tokens(
       tokens-mat-tab-header.$prefix,
       tokens-mat-tab-header.get-token-slots()