List: Long text truncates after one line and doesn't wrap
Closed this issue · 1 comments
Is your feature request related to a problem?
We are using <List> & <StandardListItem> components with multiple selection mode.
In some scenarios the text for each StandardListItem can be very long.
It truncates with ellipsis but there is no way user can see the full text.
Describe the solution you'd like
We are using <List> & <StandardListItem> components with multiple selection mode.
In some scenarios the text for each StandardListItem can be very long.
It truncates with ellipsis and for accessible user the screen reader tool announces the full text.
But there is no way normal user can see the full text. There is no tooltip available and the text doesn't wrap to multiple lines.
Our requirement from UX design is to wrap the text to multiple lines so normal users can see the full text.
Please support wrapping of the next to multiple lines so user can see full text.
Describe alternatives you've considered
No response
Additional Context
Standalone example - https://codesandbox.io/p/sandbox/friendly-rubin-pz79kr?file=%2Fsrc%2FApp.js%3A10%2C24
Organization
SAP labs
Declaration
- I’m not disclosing any internal or sensitive information.
the StandardListItem offers a tooltip prop (see here).
For wrapping behavior, there exists already an issue that is covering this topic. If you have additional questions or comments please address them in the original issue.
Duplicate of SAP/ui5-webcomponents#7524