[SF][Timeline]: [Long Text Overflow]

[Jasonl157]

Describe the bug

Long text in Timeline component will overflow

Isolated Example

https://stackblitz.com/edit/github-b3bzxd-mwydkb?file=src%2FApp.tsx

Reproduction steps

1. Open the Isolated Example
2. Make sure the window size is smaller than the text length

Expected Behaviour

Long text should either wrap or be truncated

Screenshots or Videos

UI5 Web Components for React Version

2.4

UI5 Web Components Version

2.4

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @Jasonl157

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

---

Hi Colleagues,

here you can find an example of the behavior, without our wrapper or React: https://stackblitz.com/edit/github-5aqstd?file=index.html,main.js

It seems like it's the same as this closed issue. Please feel free to close this one as duplicate and reopen the other one.

[hinzzx]

Hi colleagues @SAP/ui5-webcomponents-topic-b ,

There seems to be an issue with the text truncation within our Timeline Item's subtitle text provided by our subtitle-text property (subtitle-text reported, but check title, name and other text providing properties as well).

A possible solution would be leveraging the word-break: break-word or word-break: break-all CSS Property. We can discuss which one works best for us offline.

Best Regards,
Stoyan

[ui5-webcomponents-bot]

🎉 This issue has been resolved in version v2.7.0-rc.2 🎉

The release is available on v2.7.0-rc.2

Your semantic-release bot 📦🚀