From 7646db7d6f2fde47bbf011c951c0bfbb531aba21 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 7 Oct 2025 20:00:47 -0400 Subject: [PATCH] fix(material/snack-bar): add max height for snack bar Adds a max height for the snack bar in case users pass huge strings into it. Fixes #31996. --- src/material/snack-bar/snack-bar-container.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/material/snack-bar/snack-bar-container.scss b/src/material/snack-bar/snack-bar-container.scss index f2ffe71c8a0b..e66e93884e24 100644 --- a/src/material/snack-bar/snack-bar-container.scss +++ b/src/material/snack-bar/snack-bar-container.scss @@ -30,13 +30,15 @@ $fallbacks: m3-snack-bar.get-tokens(); } .mat-mdc-snack-bar-container { - display: flex; - align-items: center; - justify-content: center; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 8px; + // Note: ideally we would put this on the label, + // but it ends up breaking somewhat breaking internally. + max-height: 50vh; + overflow: auto; + .mat-mdc-snack-bar-handset & { width: 100vw; }