carbon
carbon copied to clipboard
Published
20 hours ago •
Sage
Sage
`textOverflow` prop on `Typography` can't be used
Current behaviour
In plain CSS to to use the text-overflow property, you need to set overflow: hidden and white-space: nowrap which in Carbon can be done by setting the truncate prop, but setting this prop explicity sets text-overflow to ellipsis, so the value of textOverflow never has any effect.
Expected behaviour
To be able to specify textOverflow alongside the truncate prop.
CodeSandbox or Storybook URL
https://codesandbox.io/s/crimson-flower-f0o3go?file=/src/App.js
JIRA Ticket (Sage Only)
No response
Suggested Solution
No response
Carbon Version
116.2.0
Design Tokens Version
No response
What browsers are you seeing the problem on?
Firefox, Chrome
What Operating System are you seeing the problem on?
Windows
Anything else we should know?
No response
Confidentiality
- [X] I confirm there is no confidential or commercially sensitive information included.
:tada: This issue has been resolved in version 134.0.4 :tada:
The release is available on:
Your semantic-release bot :package::rocket:
