GeekyAnts / GeekyAnts/NativeBase
Select no longer shows ellipsis when using lineHeight prop
- 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
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