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

### Code of conduct

- [X] 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

https://github.com/user-attachments/assets/bb4dbb00-f679-4e1f-806f-58bb6198e62d

### 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.

Start with the sp-picker entry point and reproduce the issue in Safari on an iPad using the listed steps, comparing scrolling enabled and disabled. Inspect the interaction with sp-menu-item when the final option is selected; done means the picker opens reliably and the last item remains selectable.

Written by the indexing model from the issue text.