From a40f941d90bb1a0ba8f2585b53eaa561966dcd3c Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 16 Jan 2026 14:41:57 -0500
Subject: [PATCH 1/3] fix(toast): keep icon on the same line as long message in
stacked layout
---
core/src/components/toast/toast.scss | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/core/src/components/toast/toast.scss b/core/src/components/toast/toast.scss
index 2c8398a3594..09e6b33583d 100644
--- a/core/src/components/toast/toast.scss
+++ b/core/src/components/toast/toast.scss
@@ -132,7 +132,6 @@
.toast-layout-baseline .toast-content {
display: flex;
- flex: 1;
flex-direction: column;
justify-content: center;
}
@@ -142,6 +141,8 @@
}
.toast-content {
+ flex: 1;
+
min-width: 0;
}
From b465ca5ba15ed3b447f2a23715f39c17d7c60500 Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 16 Jan 2026 14:42:26 -0500
Subject: [PATCH 2/3] test(toast): add e2e test for stacked toast with long
message
---
.../components/toast/test/layout/index.html | 10 ++++++++++
.../components/toast/test/layout/toast.e2e.ts | 18 +++++++++++++++++-
2 files changed, 27 insertions(+), 1 deletion(-)
diff --git a/core/src/components/toast/test/layout/index.html b/core/src/components/toast/test/layout/index.html
index 81a2760bdb1..227539c7369 100644
--- a/core/src/components/toast/test/layout/index.html
+++ b/core/src/components/toast/test/layout/index.html
@@ -29,6 +29,9 @@
+
diff --git a/core/src/components/toast/test/layout/toast.e2e.ts b/core/src/components/toast/test/layout/toast.e2e.ts
index f4fb2667fa6..4153df86e2e 100644
--- a/core/src/components/toast/test/layout/toast.e2e.ts
+++ b/core/src/components/toast/test/layout/toast.e2e.ts
@@ -3,7 +3,7 @@ import { configs, test } from '@utils/test/playwright';
configs().forEach(({ title, screenshot, config }) => {
test.describe(title('toast: stacked layout'), () => {
- test('should render stacked buttons', async ({ page }) => {
+ test('should render stacked toast', async ({ page }) => {
await page.goto('/src/components/toast/test/layout', config);
const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
@@ -13,5 +13,21 @@ configs().forEach(({ title, screenshot, config }) => {
const toastWrapper = page.locator('ion-toast .toast-wrapper');
await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-stacked`));
});
+
+ test('should render stacked toast with long message', async ({ page }, testInfo) => {
+ testInfo.annotations.push({
+ type: 'issue',
+ description: 'https://github.com/ionic-team/ionic-framework/issues/30908',
+ });
+
+ await page.goto('/src/components/toast/test/layout', config);
+ const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
+
+ await page.click('#stacked-long-message');
+ await ionToastDidPresent.next();
+
+ const toastWrapper = page.locator('ion-toast .toast-wrapper');
+ await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-stacked-long-message`));
+ });
});
});
From 4a59d2fd1a905f531aa530554c5516cd2c459f22 Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 16 Jan 2026 14:42:34 -0500
Subject: [PATCH 3/3] chore(): add updated snapshots
---
...long-message-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 10932 bytes
...ong-message-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 16714 bytes
...long-message-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 17530 bytes
...long-message-ios-rtl-Mobile-Chrome-linux.png | Bin 0 -> 10901 bytes
...ong-message-ios-rtl-Mobile-Firefox-linux.png | Bin 0 -> 16602 bytes
...long-message-ios-rtl-Mobile-Safari-linux.png | Bin 0 -> 16984 bytes
...-long-message-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 10842 bytes
...long-message-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 15910 bytes
...-long-message-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 16889 bytes
...-long-message-md-rtl-Mobile-Chrome-linux.png | Bin 0 -> 10792 bytes
...long-message-md-rtl-Mobile-Firefox-linux.png | Bin 0 -> 16075 bytes
...-long-message-md-rtl-Mobile-Safari-linux.png | Bin 0 -> 16845 bytes
12 files changed, 0 insertions(+), 0 deletions(-)
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-ltr-Mobile-Chrome-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-ltr-Mobile-Firefox-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-ltr-Mobile-Safari-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-rtl-Mobile-Chrome-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-rtl-Mobile-Firefox-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-rtl-Mobile-Safari-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-md-ltr-Mobile-Chrome-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-md-ltr-Mobile-Firefox-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-md-ltr-Mobile-Safari-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-md-rtl-Mobile-Chrome-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-md-rtl-Mobile-Firefox-linux.png
create mode 100644 core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toast/test/layout/toast.e2e.ts-snapshots/toast-stacked-long-message-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ead92eb7b8abf10c60d39c779c3f2d760af39d94
GIT binary patch
literal 10932
zcmd72WmKC{*DXqM2<}=4EmEL(ad&B