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

Prior this commit disabled tab header content is clickable and causing event when it shouldn't Fixes #27071
angular · Jun 6, 2023 · 06aa8e5 · 06aa8e5
1 parent 1cb210b
commit 06aa8e5
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()