components
components copied to clipboard
bug(tabs / mat-tab-group): mat-tab-label-container scroll inc mat-tab-label that starts from hidden area is not showed label
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
If selectedIndex set up to the last mat-tab that is in hidden area, scroll works incorrectly.
Reproduction
Here is a StackBlitz sample that reproduces the issue.
Expected Behavior
When active tab label starts from hidden area of tab group with many items (selected index), label should be fully visible.
Actual Behavior
If the mat-tab-group has active tab in the hidden area, such tab label is partialy visible. Scroll does not work propely.
Environment
- Angular: 14
- CDK/Material: 14
- Browser(s): Chrome 103
- Operating System: Windows 10
I've encountered the same problem and would like to know if there is a solution at present.