GeekyAnts / GeekyAnts/NativeBase

Select no longer shows ellipsis when using lineHeight prop

Open
#5,746 0 comments 0 reactions 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

Select component with lineHeight doesn't show ellipsis on long text

### CodeSandbox/Snack link

https://snack.expo.dev/@rooted-josh/line-height-bug?platform=ios

### Steps to reproduce

1. Go to https://snack.expo.dev/@rooted-josh/line-height-bug
2. Choose to run on ios or Android
3. Click on the select and pick the longest title
4. Notice that the text ends, but doesn't show the ... ellipsis
5. Remove the lineHeight prop from the Select component and you'll see that the ellipsis now works.

### NativeBase Version

3.4.19

### Platform

- [ ] Android
- [ ] CRA
- [X] Expo
- [ ] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by running the linked Expo Snack on iOS or Android and compare the Select behavior with and without the lineHeight prop. Trace the Select component from the reproduction to identify the relevant implementation and tests; done means long selected titles display an ellipsis while lineHeight remains set.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.