Nested menu examples behaving differently across frameworks

[jordon-young]

Description

Hello!

I was going through the documentation to learn about Ark UI and noticed that the examples for the nested menu behave differently across frameworks.

Solid

• It appears to be working as specified in the documentation
• Keyboard arrows work for moving between top level menu items and nested menus
• Nested menus expand automatically on hover but top level menu does not

React

• There's no way to interact with the nested menus by keyboard
• The first nested menu closes while trying to move the cursor from the trigger to the menu
• The nested menus to not open on hover

Svelt

• Cannot open nested menus with keyboard
• Hover interactions work

Vue

• Cannot open nested menus with keyboard
• Hover interactions work to open, but as in the screenshot the top menu can become stuck open if tracing the cursor into the first submenu then directly over the second nested menu trigger (this doesn't happen with the others)

Link to Reproduction (or Detailed Explanation)

https://ark-ui.com/docs/components/menu#nested-menu

Steps to Reproduce

1. Go to the documentation page with nested menu examples
2. Open the Stackblitz examples for each framework
3. Check the interactions for click, hover, and keyboard attempting to move through the nested menus

Ark UI Version

5.18.2

Framework

• React
• Solid
• Vue
• Svelte

Browser

Google Chrome on Mac

Additional Information

No response

[segunadebayo]

Interesting. Will review the examples shortly

Nested menus expand automatically on hover, but top top-level menu does not

This is by design.

[segunadebayo]

Svelte

CleanShot.2025-07-28.at.20.20.21.mp4

[segunadebayo]

React

CleanShot.2025-07-28.at.20.34.05.mp4

[segunadebayo]

Solid:

CleanShot.2025-07-28.at.20.35.03.mp4

[jordon-young]

Awesome, thanks! That was fast 🤩

I'm curious because I briefly tried scanning through the project code trying to find the problem. What was the issue?

[segunadebayo]

The menu’s positioner needed to be rendered within a Portal or Teleport.

[segunadebayo]

Fixed the Vue one as well. So all frameworks now work as expected.