callstack / callstack/react-native-paper
Chip Text overflows CloseIcon in ElipsizeMode
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
### 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](https://reactnative.dev/docs/text#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
贡献指南
评估
这个 Issue 还没有评估数据。