Change Select event for opening Content

[SindelarPetr]

Hi, I have encountered quite a bad behaviour from the UX point of view of the Select component, although I beleive other components such as DropDownMenu suffer from the same thing. Currently the Content of the Select component is opened on the onMouseDown event. Which is fine on the desktop, where there is little difference between onMouseDown and onMouseUp event.

However, the problem arises on the phone. As a user, you just want to scroll the site, but when you press the screen to scroll in the same area where the Select component is. Then, instead of scrolling, the Select Content is opened. This results in a very bad user experience, because the user needs then to scroll by touching other areas around the select.

Does anyone know how to fix this? And should it be like this by default?

Thank you for creating amazing UI library and have a nice day! :)

[SindelarPetr]

Just in case someone would look for the same thing:

I had to use managed open-state in the select and I had to 'disable' onPointerDownCapture capture event and implement onClick instead

<SelectTrigger
  onClick={() => setIsOpen(!isOpen)}
  onPointerDownCapture={(e) => e.preventDefault()}
>