Skip to content

Commit 06aa8e5

Browse files
authored
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
1 parent 1cb210b commit 06aa8e5

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/material/tabs/_tabs-common.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,11 @@ $mat-tab-animation-duration: 500ms !default;
122122
// hover and focus selectors.
123123
pointer-events: none;
124124

125+
// We also need to prevent content from being clickable.
126+
.mdc-tab__content {
127+
pointer-events: none;
128+
}
129+
125130
@include token-utils.use-tokens(
126131
tokens-mat-tab-header.$prefix,
127132
tokens-mat-tab-header.get-token-slots()

0 commit comments

Comments
 (0)