Skip to content

[Toasts] long text without white space overflows outside toast element #7566

@eokoneyo

Description

@eokoneyo

Describe the bug
If it does happen that an EuiToast is to be rendered with a title text that's long and doesn't contain any white space the text doesn't wrap but rather overflows outside of the toast element.

Impact and severity
when this occurs, it's pretty visible and jarring. Also see elastic/kibana#178351

Environment and versions

  • EUI version: 93.2.0

To Reproduce
Steps to reproduce the behavior:

  1. Go to any setup that would render a toast
  2. Pass said toast a title that's pretty long, and doesn't contain white space
  3. On render the toast will have it's title overflow out of the toast item that received the title text.

Expected behavior
The title text should wrap within the context of the toast element and not overflow outside of the toast.

Screenshots

Actual

Screenshot 2024-03-11 at 14 24 04

Expected

Screenshot 2024-03-11 at 14 50 09

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions