mui / mui/base-ui

[menu][popover] in-Menu Popover closes unexpectedly after re-hovering

Open
#3,017 5 comments 0 reactions 0 assignees View on GitHub
component: menu component: popover type: bug
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# Bug report

## Current behavior

When integrating a confirmation popover on a menu item (such as a "delete" action), the popover appears and displays correctly when the menu item is clicked. I can interact with buttons within the popover while hovering over it. However, if I focus the initial menu item and then blur (move focus away from it), the popover hides, even if the mouse is still over the popover or I want to interact with it again.

## Expected behavior

The popover should remain open and interactive when the menu item is blurred, until an explicit action (such as clicking outside or pressing a Cancel/Confirm button) closes it.

## Reproducible example

https://codesandbox.io/p/sandbox/relaxed-kare-hj6shz

## Base UI version

1.0.0-beta.4

## Which browser are you using?

Chrome

## Which OS are you using?

Mac OS

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.