Skip to content

Commit f1cd91c

Browse files
committed
fix(table): row content not centered in IE
Fixes the table row content not being centered vertically in IE due to a flex bug. Fixes #6813.
1 parent 1b6b270 commit f1cd91c

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

src/lib/table/table.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,14 @@ $mat-row-horizontal-padding: 24px;
1212
align-items: center;
1313
min-height: $mat-row-height;
1414
padding: 0 $mat-row-horizontal-padding;
15+
16+
// Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo
17+
// element that will stretch the row the correct height.
18+
&::after {
19+
display: inline-block;
20+
min-height: $mat-row-height;
21+
content: '';
22+
}
1523
}
1624

1725
.mat-cell, .mat-header-cell {

0 commit comments

Comments
 (0)