You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
ChatbotWelcomePrompt: long prompt title and message overflow suggestion cards #910
When ChatbotWelcomePrompt renders welcome/suggested prompt cards with long title or message values, the text overflows horizontally outside the card boundary instead of truncating.
This is especially visible when consumers pass user-generated content (e.g. saved prompts with long names and bodies) as prompts[].title and prompts[].message.
Steps to reproduce
Render ChatbotWelcomePrompt with a prompt like:
<ChatbotWelcomePrompttitle="Hello"description="How can I help?"prompts={[{title: 'aDSFGGEWRTYUIOPASDFGHJKLZXCVBNMQWERTYUIOPASDFGHJKLZXCVBNM',message: 'QEWRETRTDYUIOPASDFGHJKLZXCVBNMQWERTYUIOPASDFGHJKLZXCVBNMQWERTY',onClick: ()=>{},},]}/>
Observe the card title and body text extend past the card border.
Expected behavior
Prompt card title should truncate with ellipsis (single line).
Prompt card message/body should clamp to a reasonable number of lines (e.g. 2) with ellipsis.
Actual behavior
Title and message render as unbroken single-line strings that overflow the card container.
In RHDH, Now welcome prompts is coming from Saved prompts where user can have any fancy title or description so better to have wrapping/truncating in place for better UX.
Additional note from consumer testing: PF v6 card title text renders in .pf-v6-c-card__title-text (not .pf-v6-c-card__title), and truncation also requires min-width: 0 on the flex chain (card__header-main → card__title → card__title-text).
Activity
its-mitesh-kumar commentedon Sep 16, 2026
In RHDH, Now welcome prompts is coming from Saved prompts where user can have any fancy title or description so better to have wrapping/truncating in place for better UX.
its-mitesh-kumar commentedon Sep 16, 2026
Additional note from consumer testing: PF v6 card title text renders in
.pf-v6-c-card__title-text(not.pf-v6-c-card__title), and truncation also requiresmin-width: 0on the flex chain (card__header-main→card__title→card__title-text).rebeccaalpert commentedon Sep 17, 2026
Thank you for calling this out! I'm recategorizing this as a bug and we'll prioritize fixing it.
fix(ChatbotWelcomePrompt): Wrap text
fix(ChatbotWelcomePrompt): Wrap text
fix(ChatbotWelcomePrompt): Wrap text
fix(ChatbotWelcomePrompt): Wrap text
fix(ChatbotWelcomePrompt): Wrap text (#920)