callstack / callstack/react-native-paper
Chip Text overflows CloseIcon in ElipsizeMode
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.2k
- 平均マージ
- 5日 23時間
- マージ済み PR(30日)
- 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 はまだ評価されていません。