Steps to reproduce

Steps:

1. Open this link to live example: https://codesandbox.io/embed/jkw2qf?module=/src/Demo.tsx&fontsize=12
2. Mouse Down and hold down for the menu to open.

Current behavior

Currently the Select component is failing the WCAG 2.5.2 success criterion, which requires functionality to be operated using a single pointer. In this case the combination of "No Down-event" and "Up reversal".

Currently the menu opens up on the mouse down, and it remains open even if moving away and releasing the mouse.

Expected behavior

A key aspect to meeting the Pointer Cancellation criteria is providing a way to easily undo or abort the functionality. So I would expect one of two behaviors:

• Do not activate the select menu on mouse down, but only on mouse-up. This is the solution proposed by W3C in thir Select-Only combobox example: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/

It is also how apps like Github and Microsoft Teams work for their select-like operations.

• Mouse Down continues to open the menu, but navigating away from the menu and releasing the mouse click should cause the menu to dismiss. This matches the behavior of the native select input (at least on Mac)

Context

This was identified in as a accessibility concern for users of our software.

Your environment

Search keywords: select wcag pointer cancellation