USelectMenu component: Cannot open dropdown with "ArrowDown" key

[harleyka]

Environment

• Operating System: Darwin
• Node Version: v20.18.1
• Nuxt Version: 3.19.2
• CLI Version: 3.28.0
• Nitro Version: 2.12.6
• Package Manager: yarn@1.22.22
• Builder: -
• User Config: app, components, devServer, runtimeConfig, compatibilityDate, devtools, modules, icon, css, i18n, vite, nitro, ssr, ui
• Runtime Modules: @nuxt/icon@1.11.0, @nuxt/image@1.10.0, @nuxt/ui@3.1.1, @pinia/nuxt@0.11.0, pinia-plugin-persistedstate/nuxt@4.5.0, @nuxtjs/i18n@9.5.6
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Package

v3.x

Version

v4.0.0

Reproduction

https://codesandbox.io/p/devbox/new-frog-m4rh4c?workspaceId=ws_KdyD2hrF3hsKM88tUwW5Sb

Description

Description

I've encountered an issue with the USelectMenu component where the dropdown does not open when pressing the "ArrowDown" key.

Steps to Reproduce

1. Create an instance of the USelectMenu component.
2. Focus the input field of the USelectMenu.
3. Press the "ArrowDown" key on the keyboard.

Expected Behavior

The dropdown menu should open, similar to how the USelect component behaves.

Actual Behavior

The "ArrowDown" key does not trigger the dropdown to open. It's necessary to click on the input field to open the menu or use "Enter" key.

Environment

• Nuxt UI version: 3.1.1
• Nuxt version: 3.19.0
• Browser: Chrome 140.0.7339.208
• OS: macOS 14.6.1

Additional Information

This behavior is specific to USelectMenu. I have tested the same action with the USelect component, and it correctly opens the dropdown with the "ArrowDown" key.