Skip to content

Commit

Permalink
fix(material/snack-bar): misaligned lines on safari for long messages (
Browse files Browse the repository at this point in the history
…#26692)

Fixes that multiple lines of text weren't aligned correctly in the snack bar on Safari.

Fixes #26685.

(cherry picked from commit f0c17db)
  • Loading branch information
crisbeto committed Feb 26, 2023
1 parent 9a57674 commit 4338e5e
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions src/material/snack-bar/snack-bar-container.scss
Original file line number Diff line number Diff line change
Expand Up @@ -90,6 +90,13 @@
opacity: 0.1;
}
}

// MDC uses this pseudo element to work around an issue with their live announcer, but it
// can cause additional space for long snack bar messages (see #26685). Since we don't use
// MDC's announcer, we can hide the element.
.mdc-snackbar__label::before {
display: none;
}
}

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

0 comments on commit 4338e5e

Please sign in to comment.