callstack / callstack/react-native-paper

Chip Text overflows CloseIcon in ElipsizeMode

未关闭
#4,328 2 条评论 6 个 reaction 已指派 1 人 已被 @lukewalczak 认领 在 GitHub 查看
bug Chip
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
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 摘要。