From 80d798649376e9e8ad7728f9406b7a43d5d0b7a5 Mon Sep 17 00:00:00 2001 From: Naaajii Date: Sat, 13 May 2023 21:42:26 +0500 Subject: [PATCH] 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 #27071 --- src/material/tabs/_tabs-common.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/material/tabs/_tabs-common.scss b/src/material/tabs/_tabs-common.scss index 15c36eb4326e..fde127012a1a 100644 --- 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()