bug(mat-tab-group): dynamic height hides overflow-x

[dvdnhm]

trafficstars

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

When I use dynamicHeight with the Mat Tab Group component, the defined CSS class also hides the overflow-x

.mat-tab-group-dynamic-height .mat-tab-body-content {
	overflow: hidden;
}

It is correct on the mat-tab-body tag but missed on div with the mat-tab-body-content class.

.mat-tab-group.mat-tab-group-dynamic-height .mat-tab-body.mat-tab-body-active {
	overflow-y: hidden;
}

Reproduction

Steps to reproduce:

1. Set a Mat Tab Group to dynamic height
2. have wide content in the tab

Expected Behavior

The overflow-x should not be hidden because of dynamic height

Actual Behavior

.mat-tab-group-dynamic-height .mat-tab-body-content definition in the css sets the overflow-x to hidden

Environment

• Angular: 13.3.0
• CDK/Material: 13.3.0
• Browser(s): Chrome, Safari
• Operating System: Windows, macOS, iOS