[menu][popover] Menu nested in popover closes when both open on hover
- Dominant language
- TypeScript
- Stars
- 10.9k
- Forks
- 543
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 101
Description
MenuTrigger and PopoverTrigger both have `openOnHover={true}` prop > popover closed (DONT USE CLICK EVENT TO TRIGGER)
https://stackblitz.com/edit/zrygccvp?file=src%2FApp.tsx
```jsx
import {Menu} from '@base-ui/react/menu'
import {Popover} from '@base-ui/react/popover'
import styles from './index.module.css'
// Example copy from
// https://base-ui.com/react/components/menu
// https://base-ui.com/react/components/popover
const TriggerProps = {
Menu: {
openOnHover: true
},
Popover: {
openOnHover: true
}
}
export default function ExamplePopover() {
return (
Notifications
(
Song
Add to Library
Add to Playlist
Get Up!
Inside Out
Night Beats
New playlist…
Play Next
Play Last
Favorite
Share
)}>
)
}
```
Contributor guide
Assessment
This issue has not been assessed yet.