Skip to content

Commit 1b79e92

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 303e004 commit 1b79e92

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
@@ -12,6 +12,15 @@ $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. See:
18+
// https://connect.microsoft.com/IE/feedback/details/802625
19+
&::after {
20+
display: inline-block;
21+
min-height: inherit;
22+
content: '';
23+
}
1524
}
1625

1726
.mat-cell, .mat-header-cell {

0 commit comments

Comments
 (0)