callstack / callstack/react-native-paper
Chip Text overflows CloseIcon in ElipsizeMode
- Lingua principale
- TypeScript
- Stelle
- 14.5k
- Fork
- 2.2k
- Merge medio
- 5g 23h
- PR unite (30g)
- 12
Descrizione
### 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
Guida per i contributori
Apri la guida per i contributori
Valutazione
Questa issue non è ancora stata valutata.