callstack / callstack/react-native-paper

Chip Text overflows CloseIcon in ElipsizeMode

オープン
#4,328 コメント 2 件 リアクション 6 件 担当者 1 名 @lukewalczak が担当を希望しています GitHub で見る
bug Chip
主要言語
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.
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

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。