react-ui
react-ui copied to clipboard
`Text` does not truncate long words when `lines=1`
This does not get truncated:
<Text lines={1}>DeviceDeviceDeviceDeviceDevice</Text>
This does get truncated:
<Text lines={1}>DeviceDeviceDeviceDevice Device</Text>
Possible solution is to set wordWrapping to long-words (any other than default).
Other solution would be a different implementation for single-line texts:
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;