SplitButton: No truncation with ellipsis for long texts in SplitButton
@GDamyanov is already working on this.
Since Jul 17, 2025.
- Dominant language
- TypeScript
- Stars
- 1.8k
- Forks
- 285
- Avg merge
- 3d 2h
- Merged PRs (30d)
- 59
Description
Describe the bug
Right now it seems there is no way I can truncate long text in SplitButton with ellipsis
I also tried with the Text component as a child with maxLines 1, but that too didn't work and moreover on using the Text component as a child the styling of the text is not like that of SplitButton's.
It would be good to support truncation of long text in SplitButton.
This shows an example of long text in SplitButton:
Isolated Example
No response
Reproduction steps
Add a very long text to the SplitButton and see
Expected Behaviour
this is what is desired (right now not possible with the current SplitButton):
Screenshots or Videos
This shows an example of long text in SplitButton:
and this is what is desired (right now not possible with the current SplitButton):
UI5 Web Components for React Version
2.11.1
UI5 Web Components Version
2.11.0
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.