Skip to content

Text does not truncate long words when lines=1 #334

@adamkudrna

Description

@adamkudrna

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;

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions