callstack / callstack/react-native-paper
Chip Text overflows CloseIcon in ElipsizeMode
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.2k
- Merge trung bình
- 5 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 12
Mô tả
### 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
Hướng dẫn đóng góp
Đánh giá
Issue này chưa được đánh giá.