feat: ion-picker mouse scroll control

[nelunull22123]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

I want a setting to prevent scrolling of many lines
Nowadays, selecting with the mouse wheel is almost impossible

Describe the Use Case

The problem is that when using the mouse wheel, it is very difficult to select elements. They scroll across several lines at once and very quickly. It is necessary to prohibit or somehow limit the scrolling of elements (it is important to make this optional).

Describe Preferred Solution

I think we need to add an option, when enabled, when scrolling, only the closest element will be selected and there will be a delay (for example, 300ms) and only after that the next element will be selected

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

[sean-perkins]

@nelunull22123 what is your scroll speed set to?

With the fastest speed enabled in MacOS settings I am still able to intentionally scroll to any option within the list with high precision:

It is difficult to tell from the recording provided in the issue if the scrolling is exaggerated when you are scrolling from the top and bottom repeatedly. I am using a logitech mouse with a mouse wheel:

Kapture.2024-05-08.at.13.41.29.mp4

CSS scroll snapping (the underlying implementation) does not allow for adjusting the scrolling speed and easing of the interaction.

[nelunull22123]

@sean-perkins sean-perkins

I have a Logitech mouse. In Windows, scrolling is set to 3 lines (by default).|