From 06aa8e5e06161b67eb0865665442fccd4a4d6560 Mon Sep 17 00:00:00 2001
From: Naaajii <54370141+Naaajii@users.noreply.github.com>
Date: Tue, 6 Jun 2023 16:23:22 +0500
Subject: [PATCH] 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
---
 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()