[feat]: Improve ring/outline behavior when NOT using keyboard

[zommerberg]

Feature description

When the keyboard isn't used for navigating the app, the ring/outline should remain hidden when selecting an item from a menu or clicking outside the menu without making a selection. In the video below, you can see that the ring appears even though I didn't use the keyboard to navigate. This forces the user to make an extra click to remove the ring. Unfortunately, I can't find a way to display the ring only on keyboard focus.

Here's an example:

Recording.2024-07-09.134100.mp4

Ideally, it should behave like in libraries such as Catalyst UI, where the ring appears only if the component was initially focused via keyboard. In that case, the ring remains even after selecting an item. However, if the component is selected using a mouse, the ring should never appear.

Recording.2024-07-09.103219.mp4

Affected component/components

Select, Dropdown

Additional Context

Additional details here...

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs

[zommerberg]

It turned out to be a radix issue.

radix-ui/primitives#1803