Bug in table.scss footer cell height: unset instead of footer row height unset
Author: ThorlakeCreated Aug 21, 2026Updated Sep 9, 2026
LabelsP4area: material/tablegemini-triaged
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
// Flex rows should not set a definite height, but instead stretch to the height of their // children. Otherwise, the cells grow larger than the row and the layout breaks. .mat-mdc-table mat-header-row.mat-mdc-header-row, .mat-mdc-table mat-row.mat-mdc-row, .mat-mdc-table mat-footer-row.mat-mdc-footer-cell { height: unset; }
https://github.com/angular/components/blob/main/src/material/table/table.scss#L158
Is mat-mdc-footer-cell intentional?
I feel it must be mat-mdc-footer-row not `cell
Reproduction
StackBlitz link: https://stackblitz.com/edit/ydyoaqxm Steps to reproduce:
- npm run start
- check 1 and 2 tables (wrong). check 3rd table fixed by tokens (okay)
Expected Behavior
mat-mdc-footer-row height unset
Actual Behavior
mat-mdc-footer-cell height unset
Environment
- Angular: v18.2.4
- CDK/Material: v18.2.4
- Browser(s): 151.0.7922.172
- Operating System (e.g. Windows, macOS, Ubuntu): windows
Source: angular/components