search

lawnstarter / react-native-picker-select

🔽 A Picker component for React Native which emulates the native <select> interfaces for iOS and Android
https://npmjs.com/package/react-native-picker-select
MIT License
1.74k stars 497 forks source link

iOS: Spinner truncates beginning of items after upgrade to iOS 14. #441

Open Beast96GT opened 3 years ago

Beast96GT commented 3 years ago

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:

  1. Use react-native-picker-select on iOS
  2. Use items that are too long to fit in the item list display.
  3. Upgrade to iOS 14

Expected behavior
I expect the text to auto-fit within the view of the spinner.

Screenshots

Screen Shot 2021-05-20 at 2 13 30 PM

Notice the "I" before I-129 is being cut off.

Additional details

Reproduction and/or code sample
https://snack.expo.io/@lfkwtz/react-native-picker-select

Beast96GT commented 3 years ago

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

image

misaelriojasftf commented 3 years ago

is there any fix for this?