We are using chatkit and we are configuring custom prompts in the options object by setting an array of text items in startscreen.prompts.
When these items are rendered, they are shown as a button restricted to a single line of text and truncated with an ellipsis. There isn’t even the option to have a tooltip to show the complete text.
In many cases, the prompts we create won’t fit on one line.
What we would really like is the option to have the button contain wrapped text.
Our only other alternative is to make the chat window wide enough to show all of the text, which is kind of crazy.
Is there any way around this?
Welcome to the dev Community! @muiscatron
Thanks for sharing the screenshot.
What you’re seeing is the expected behavior of startscreen.prompts in ChatKit. These are designed as single-line quick action items, so longer text is truncated with an ellipsis. At the moment, there isn’t a built-in option to enable multi-line wrapping or tooltips.
A few workarounds you could consider:
- Use shorter labels and include the full instruction in the prompt itself
- Apply custom CSS overrides (if your setup allows it) to force wrapping, though this may affect layout
- Build a custom prompt UI and trigger prompts programmatically for more flexibility
Widening the chat container can help, but as you mentioned, it’s not always ideal.
If this is important for your use case, it would be worth submitting as a feature request.
