lightbox dialog: Title should wrap instead of using ellipses

[LuLaValva]

I verified there's no existing issue for this bug.

• There are no existing issues

Current behavior

Text in the title of lightbox dialog is truncated with ellipses instead of wrapping

Expected behavior

Title text should wrap

Skin version

17.4.1

Device/OS/Browser info

All devices & browsers

Steps to reproduce

Create lightbox dialog with header longer than screen width

Relevant code block

No response

Additional context

Text wrap was the initial behavior for this component, but there was a push from design systems team to truncate with ellipses instead. This should not have been approved because, especially after internationalization, there are likely to be cases where the title is impossible to read for some users.

Even in the worst case with text wrapping, the body will still be visible:

Screen.Recording.2024-05-09.at.2.10.53.PM.mov

As such, title should be reverted back from truncation to wrapping.

[randybascue]

Agreed. Let's revert to wrapping. We'll update on our end as well

[ArtBlue]

Excellent! Thanks, @randybascue !