Skip to content

Commit 6470da8

Browse files
crisbetoandrewseguin
authored andcommitted
fix(table): row content not centered in IE (#6820)
Fixes the table row content not being centered vertically in IE due to a flex bug. Fixes #6813.
1 parent e4e08d1 commit 6470da8

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

src/lib/table/table.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,15 @@ $mat-row-horizontal-padding: 24px;
2020
border-bottom-style: solid;
2121
align-items: center;
2222
padding: 0 $mat-row-horizontal-padding;
23+
24+
// Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo
25+
// element that will stretch the row the correct height. See:
26+
// https://connect.microsoft.com/IE/feedback/details/802625
27+
&::after {
28+
display: inline-block;
29+
min-height: inherit;
30+
content: '';
31+
}
2332
}
2433

2534
.mat-cell, .mat-header-cell {

0 commit comments

Comments
 (0)