[Bug]: Select: Focus management broken with multiple Select components

[teziovsky]

Environment

Developement/Production OS: Mac OS Sequoia 15.3.2
Node version: 22.14.0
Package manager: npm@10.9.2
Reka UI version: 2.1.0
Vue version: 3.5.13
CSS framework: Vanilla
Browser: Chrome 134.0.6998.88

Link to minimal reproduction

https://stackblitz.com/edit/ejnjbvv3?file=src%2FApp.vue

Steps to reproduce

1. Create a page with two or more Select components (in think it occur when there is the same value in v-model, but also with vee-validate)
2. Try to navigate between them using the Tab key
3. Attempt to open dropdowns and navigate options using keyboard only
4. Notice that focus behavior is inconsistent/broken

Describe the bug

When using two or more Select components on the same page, the focus management doesn't work properly. Tab navigation between components is broken, and keyboard interaction (arrow keys, Enter) fails to work properly when moving between Select components. This functionality was working correctly in version radix-vue 1.9, but is now broken in the current version.

Expected behavior

• Tab key should properly move focus between Select components
• Keyboard navigation should work consistently for all Select components
• Focus states should be visually clear and consistent
• Behavior should match what was working in version radix-vue 1.9

Context & Screenshots (if applicable)

reka-ui version:

reka-bad.mp4

previous working version - radix-vue 1.9:

radix-good.mp4