Skip to content

Commit 4338e5e

Browse files
committed
fix(material/snack-bar): misaligned lines on safari for long messages (#26692)
Fixes that multiple lines of text weren't aligned correctly in the snack bar on Safari. Fixes #26685. (cherry picked from commit f0c17db)
1 parent 9a57674 commit 4338e5e

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/material/snack-bar/snack-bar-container.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,13 @@
9090
opacity: 0.1;
9191
}
9292
}
93+
94+
// MDC uses this pseudo element to work around an issue with their live announcer, but it
95+
// can cause additional space for long snack bar messages (see #26685). Since we don't use
96+
// MDC's announcer, we can hide the element.
97+
.mdc-snackbar__label::before {
98+
display: none;
99+
}
93100
}
94101

95102
// These elements need to have full width using flex layout.

0 commit comments

Comments
 (0)