toast issues: v1 beta

[RitvikSardana]

1. If there are two toasts and one of the toasts is multiline and one is not, the collapsed state looks ugly

2. HTML does not render properly inside the toast; previously, we had "safe" tags.

[barista-for-frappe]

UI bug in the collapsed/stacked state of the new vue-sonner toast (ToastProvider.vue).

• In collapsed mode (:expand="false", ToastProvider.vue:5) vue-sonner clamps every non-front toast to the front toast's height via --front-toast-height.
• The front toast here ("Team renamed successfully.") is single-line, so the taller multiline toast behind it gets clamped shorter than its content — and the extra lines spill out the top because the toast class (ToastProvider.vue:11-12) has no overflow-hidden/overflow: clip.
• Likely fix: add overflow-hidden to the toast class, or clip collapsed toasts via [data-sonner-toast][data-expanded='false'] { overflow: clip } alongside the existing height override at ToastProvider.vue:39.

Side note: the screenshot shows raw <strong>asd</strong> rendered as literal text — the message is passed as a plain string, not HTML, which is the expected/safe behavior.

_{barista · claude-opus-4-8 · 8.2k in / 4.9k out · 979k cached · 96s · $0.503}