From a4cf0456d182c9dd9f6ca9f40f351a7d52f0aed9 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Sat, 25 Feb 2023 09:25:58 +0100
Subject: [PATCH] fix(material/snack-bar): misaligned lines on safari for long
 messages

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

Fixes #26685.
---
 src/material/snack-bar/snack-bar-container.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/material/snack-bar/snack-bar-container.scss b/src/material/snack-bar/snack-bar-container.scss
index c4c333b4bb0f..e5a7e2bf64ab 100644
--- a/src/material/snack-bar/snack-bar-container.scss
+++ b/src/material/snack-bar/snack-bar-container.scss
@@ -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.