callstack / callstack/react-native-paper

Chip Text overflows CloseIcon in ElipsizeMode

Aperta
#4,328 2 commenti 6 reazioni 1 assegnatario Rivendicata da @lukewalczak Vedi su GitHub
bug Chip
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.
Bildschirmfoto 2024-02-27 um 14 38 34

When inspecting the different elements, you can see the CloseIcon is rendered on top of the text.
Left Icon:
Bildschirmfoto 2024-02-27 um 14 38 49

Text:
Bildschirmfoto 2024-02-27 um 14 38 58

Close Icon:
Bildschirmfoto 2024-02-27 um 14 39 06

### 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.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.