react-native-picker-select icon indicating copy to clipboard operation
react-native-picker-select copied to clipboard

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

Open Beast96GT opened this issue 3 years ago • 2 comments

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

  • 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

Beast96GT avatar May 20 '21 20:05 Beast96GT

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

Beast96GT avatar Jun 03 '21 19:06 Beast96GT

is there any fix for this?

misaelriojasftf avatar Jul 27 '21 03:07 misaelriojasftf