Skip to content

Conversation

@brandyscarney
Copy link
Member

Issue number: resolves #30908


What is the current behavior?

Toast with an icon and long message using a stacked layout will wrap the message below the icon.

What is the new behavior?

  • Apply flex: 1 to .toast-content regardless of layout, which makes sure the content does not get wrapped under the icon
  • Adds an e2e test for a stacked toast with a long message to toast/test/layout

Does this introduce a breaking change?

  • Yes
  • No

Other information

  • Dev build: 8.7.18-dev.11768592717.14a59d2f
  • Preview: Layout

@vercel
Copy link

vercel bot commented Jan 16, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
ionic-framework Ready Ready Preview, Comment Jan 16, 2026 7:53pm

Request Review

@github-actions github-actions bot added the package: core @ionic/core package label Jan 16, 2026
@brandyscarney brandyscarney marked this pull request as ready for review January 16, 2026 20:11
@brandyscarney brandyscarney requested a review from a team as a code owner January 16, 2026 20:11
@brandyscarney brandyscarney requested review from ShaneK and thetaPC and removed request for ShaneK January 16, 2026 20:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug(toast): icon is misaligned when message spans multiple lines on stacked layout

2 participants