Skip to content
Bug reportOct 20, 2026· 0:16· 11 views

Mantine 9.7.3: ArrowLeft on a submenu loses focus — parent menu keyboard navigation stops

0:16 total

Comments · 0

Be the first to comment.

Bug reportby SceneRecap AI

medium@mantine/core Menu submenu keyboard handling: focus restoration to the parent Menu.Sub target item when the submenu closes via ArrowLeft, and the parent dropdown's keyboard focus management afterwards.
os: macOSdpr: 1site: Mantine docs, /core/menu (Submenus section)locale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720mantine_version: v9.7.3 (shown in header at 0.0s)

Repro steps

  1. 1.Open /core/menu and accept cookies.
  2. 2.Scroll to the Submenus section with the first 'Toggle Menu' demo.
  3. 3.Click the 'menu trigger' button (Toggle Menu).
  4. 4.Press ArrowDown twice to reach Products.
  5. 5.Press ArrowRight. The Products submenu opens with 'All products' focused.
  6. 6.Press ArrowDown inside the submenu.
  7. 7.Press ArrowLeft to close the submenu and return to the parent menu.
  8. 8.Press ArrowDown to move within the parent menu.

Expected

ArrowLeft closes the Products submenu and moves focus back to the 'Products' item in the parent menu. Later ArrowDown presses move focus through the parent menu items.

Actual

After ArrowLeft at 6.1s the submenu closes and the parent dropdown stays open, but no item shows a focus highlight at 7.0s. The ArrowDown press at 8.4s does not move focus in the menu. By 9.0s the dropdown is closed and the page has scrolled down, which suggests the arrow key reached the page instead of the menu.

Evidence

visualControl: the first ArrowRight works. At 5.0s, after ArrowRight at 4.9s, the Products submenu is open next to the parent list (Dashboard, Products, Customers, Reports, Orders, Settings) and 'All products' has a visible focus ring.
visualAfter ArrowLeft at 6.1s, the Products submenu is closed and the parent dropdown is still open. No item, including Products, shows a focus or hover highlight.
visualAfter ArrowDown at 8.4s, the dropdown is gone and the page has scrolled. The Submenus heading moved from y≈292 at 7.0s to y≈252 at 9.0s. The Toggle Menu button shows a focus ring.
visualSecond attempt is inconclusive. At 11.0s the page has scrolled so the button sits at y≈280, while the cursor is over the code block below it. After the click at 11.2s and the arrow keys, no dropdown is visible at 13.0s, and the page keeps scrolling through 15.0s.
Issue markdown (copy-paste ready)
## Summary
On the Mantine v9.7.3 Menu docs (Submenus demo), pressing ArrowLeft inside a submenu closes it but leaves no focused item in the parent menu. Later arrow keys do not navigate the parent menu and scroll the page instead.

## Environment
- Mantine docs `/core/menu`, version v9.7.3 (header, 0.0s)
- Chromium 151.0.7922.34, macOS
- Viewport 1280x720, DPR 1

## Steps to reproduce
1. Open `/core/menu` and accept cookies (0.0s).
2. Scroll to the **Submenus** section (3.0s).
3. Click **Toggle Menu** (3.4s).
4. Press ArrowDown twice to reach **Products** (4.0s, 4.4s).
5. Press ArrowRight. The submenu opens with **All products** focused (4.9s).
6. Press ArrowDown (5.5s).
7. Press ArrowLeft (6.1s).
8. Press ArrowDown (8.4s).

## Expected
ArrowLeft closes the submenu and returns focus to **Products** in the parent menu. ArrowDown then moves through the parent items.

## Actual
- 7.0s: the submenu is closed and the parent dropdown is open, but no item shows focus.
- 9.0s: after ArrowDown at 8.4s the dropdown is closed and the page has scrolled down (Submenus heading y≈292 to y≈252). The key appears to reach the page, not the menu.

## Control (works)
- 5.0s: ArrowRight on **Products** opens the submenu and focuses **All products** correctly.

## Notes
- A second attempt starting at 11.2s is inconclusive. The page had scrolled so the button was at y≈280 while the cursor was over the code block below it. No dropdown is visible at 13.0s or 15.0s, and the page keeps scrolling.

## Suggested area
`@mantine/core` Menu / Menu.Sub: restoring focus to the submenu target item on ArrowLeft close, and parent dropdown keyboard focus management.

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free →
Mantine 9.7.3: ArrowLeft on a submenu loses focus — parent menu keyboard navigation stops · SceneRecap