[Bug]: Sp-picker won't open on iPad (safari), if scrolling is enabled and last item is selected.

[abvermaadobe]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-picker

Expected behavior

The sp-picker component should open seamlessly and user should be able to select any option.

Actual behavior

The sp-picker keeps on blipping. The issue

Screenshots

FinalBugVideo.mov

What browsers are you seeing the problem in?

Safari

How can we reproduce this issue?

1. Open express app on iPad.
2. Click on 'Instagram square post'
3. Using 'Media' button on left, add 'two' images.
4. Select one image, click on 'triple dot' option, select 'select multiple' option
5. Select the other image
6. Select 'Group' button at top.
7. On the left side, you will have a panel of 'blend'. Click on any top 3 options, everything works fine.
8. Click on last item 'screen', drop down stops working.

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 2

Logs taken while reproducing problem

If the drop down in question is rendered without images, scrolling gets disabled. The issue is not reproducible then.
As the 'sp-menu-item' size increases with icon size '70'*'70' px. Scrolling gets enabled, on selecting the last item, this issue pops up.

[Rajdeepc]

Hi @abvermaadobe Can you please recreate this issue here

Please try to add as much as context that you can so that I can take a look what's going on? I rendered a simple picker and it seems to be working fine in an iPad.

[abvermaadobe]

As discussed this issue happens primarily in safari and don't happen in chrome.
As @Rajdeepc mentioned, there is already a fix in progress - #4969. Once that is done, we will be coming back to this.