react-native-picker-select
react-native-picker-select copied to clipboard
iOS: Spinner truncates beginning of items after upgrade to iOS 14.
Describe the bug
We use the react-native-picker-select with the spinner on iOS to select items with a long name. The library correctly adds ellipsis on the end where it's too long. The beginning of the items, however, are being cut off on the screen. I can't find a style or setting to fix this behavior.
To Reproduce
Steps to reproduce the behavior:
- Use react-native-picker-select on iOS
- Use items that are too long to fit in the item list display.
- Upgrade to iOS 14
Expected behavior
I expect the text to auto-fit within the view of the spinner.
Screenshots
Notice the "I" before I-129 is being cut off.
Additional details
- Device: iPhone12
- OS: iOS14.4
- react-native-picker-select version: 8.0.4
- react-native version: 0.61.5 & 0.62
- expo sdk version: n/a
Reproduction and/or code sample
https://snack.expo.io/@lfkwtz/react-native-picker-select
I've now reproduced this on Snack. If you go to "sports" picker and change one of the entries to make it longer than what fits in the screen, it will cut it off. For whatever reason, this does not happen on my old iPhone 7:
https://snack.expo.io/@lfkwtz/react-native-picker-select
is there any fix for this?