Select with many items doesn't function correctly

[dannylin108]

Description

There're two problems if <Select/> has many items.

1. If items don't fit top or bottom space from the trigger I have to use positioning to let it overlap the trigger button. But in this configuration it's merely not functioning: can't choose an item, since it closes immediately.
2. If items don't fit viewport, they just get cut and there's no possibility to scroll to reach them.

vokoscreenNG-2024-09-05_12-48-25.mp4

Link to Reproduction (or Detailed Explanation)

https://stackblitz.com/~/github.com/dannylin108/arkui-bug-report

Steps to Reproduce

1. Wait till web preview is ready
2. Try to select an item another which happened to be under the mouse
3. It's impossible
4. But should be possible 😊

Ark UI Version

3.10.0

Framework

• React
• Solid
• Vue

Browser

No response

Additional Information

No response

[segunadebayo]

In the next version of Ark, the select component will be click-based instead of a pointerdown/up interaction. This should fix a bunch of usability issues.

For now, I recommend setting a maximum height for the content. Along the lines of:

<Dialog.Content style={{ "max-height": "min(var(--available-height, 300px), 300px)" }}>

[dannylin108]

Ok, thank you!