Current behaviour
I have a Chip with a text in it that can have arbitrary length. To limit the chip to the width of the screen, I set a maxWidth on the chip and set ellipsizeMode to 'tail' to cut off the text at the end.
Unfortunately, the text overflows the CloseIcon in EllipsizeMode.
When inspecting the different elements, you can see the CloseIcon is rendered on top of the text.
Left Icon:
Text:
Close Icon:
Expected behaviour
I would expect the text to not overflow the close icon.
Your Environment
| software |
version |
| android |
14 |
| react-native |
0.7.14 |
| react-native-paper |
5.12.3 |
| node |
18.19.0 |
| npm or yarn |
10.2.3 |
Current behaviour
I have a Chip with a text in it that can have arbitrary length. To limit the chip to the width of the screen, I set a maxWidth on the chip and set ellipsizeMode to 'tail' to cut off the text at the end.
Unfortunately, the text overflows the CloseIcon in EllipsizeMode.
When inspecting the different elements, you can see the CloseIcon is rendered on top of the text.
Left Icon:
Text:
Close Icon:
Expected behaviour
I would expect the text to not overflow the close icon.
Your Environment