Skip to content

Menu hides when hovering over menu item after hovering over submenu #916

@LighthouseKeeperYN

Description

@LighthouseKeeperYN

Steps to reproduce:

  1. Set triggers to ['hover']
  2. Hover over submenu
  3. Hover over menu item

On the video menu hides automatically, I don't click anywhere.

chrome_2022-12-01_15-56-00.mp4

Activity

NoraH1to

NoraH1to commented on Dec 6, 2022

@NoraH1to

Same here, it also occurs when using nested DropDown components in beta.20 version

ishaiavrahami

ishaiavrahami commented on Dec 11, 2022

@ishaiavrahami

what is the solution?

vovalunev

vovalunev commented on Mar 1, 2023

@vovalunev

Same for me, Is there any way to fix it? or disable auto hide on hovering items

freezyh

freezyh commented on Apr 4, 2023

@freezyh

how to use submenu?

Droppix

Droppix commented on May 6, 2023

@Droppix

please, sample how use submenu ?

ivomynttinen

ivomynttinen commented on May 15, 2023

@ivomynttinen

Same here, unable to use the submenus when the trigger is ['hover'], since it will directly close it on the last nested item. Haven't found any way around it, besides setting the trigger to click, which is obviously not that great...

jamiecorky

jamiecorky commented on Oct 10, 2023

@jamiecorky

I have this same issue when using vmenu - Happening on the first dropdown menu - not even a submenu.

Edit - issue I had is that the popper was inside another tooltip popper. Fixed it by having the tooltip inside instead.

dobromir-hristov

dobromir-hristov commented on Oct 19, 2023

@dobromir-hristov

anyone resolved this? @jamiecorky I am sorry, but can you explain a bit better how you fixed it?

jamiecorky

jamiecorky commented on Nov 1, 2023

@jamiecorky

anyone resolved this? @jamiecorky I am sorry, but can you explain a bit better how you fixed it?

So basically I had a tooltip wrapped around the same button that I was trying to attach the menu to, The issue fixed for me when I wrapped the menu around the tooltip rather than the other way around. I am having more issues with this around accessibility though so might just make my own menu to get rid of these issues.

towry

towry commented on Nov 7, 2023

@towry

I think the root cause is this line:

01ef6f8#r131886309

added a commit that references this issue on Nov 7, 2023
stichingsd-vitrion

stichingsd-vitrion commented on Feb 5, 2024

@stichingsd-vitrion

This is a mayor issue, makes using the sub menu's unusable right now. @Akryum

wangming-0215

wangming-0215 commented on Mar 13, 2024

@wangming-0215

Same for me, Is there any way to fix it? or disable auto hide on hovering items

liyasthomas

liyasthomas commented on Jun 17, 2024

@liyasthomas

Issue persists, anybody found a fix?

fratzinger

fratzinger commented on Aug 28, 2024

@fratzinger

I think the root cause is this line:

01ef6f8#r131886309

by @towry

works for me.

Ismaele-silla

Ismaele-silla commented on Sep 19, 2024

@Ismaele-silla

I think the root cause is this line:
01ef6f8#r131886309

by @towry

works for me.

Works for me as well. I forked the repository and fixed the issue locally while we wait for a new release

Moerliy

Moerliy commented on Sep 26, 2024

@Moerliy

I just wanted to get the ball rolling here.

I noticed that the suggestion mentioned by towry would cause an issue so I just took out the whole setTimeout part. Didn't really get why this was there in the first place.
As I mentioned in the PR a separate config option may be adequate here.

Moerliy

Moerliy commented on Sep 26, 2024

@Moerliy

Added a setting to change the auto-close behavior.

Will increase the 1-second timeout to 2 seconds:

<VDropdown :autoCloseTimeout="2000">
...
</VDropdown>

Will disable the auto-close behavior completely:

<VDropdown :autoCloseTimeout="0">
...
</VDropdown>

Open for naming suggestions :)

dominic-optimuse

dominic-optimuse commented on Jul 9, 2025

@dominic-optimuse

Any updates on this issue? I am building a nested menu and am facing the same problem using hover as the trigger. How can I help?

Moerliy

Moerliy commented on Jul 9, 2025

@Moerliy

I made a PR month ago but I think this repo is pretty much dead.

Currently I use my fork with the fix. I'm not planning on maintaining the fork tho.

Thinking about switching to another library would mostly like be the best idea.

kellerza

kellerza commented on Aug 8, 2025

@kellerza

Manually specifying both triggers & popper-triggers seems to fix this for me

<Menu
  :popper-triggers="['hover']"
  :triggers="['hover']"
>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Participants

      @ivomynttinen@kellerza@towry@Droppix@dobromir-hristov

      Issue actions

        Menu hides when hovering over menu item after hovering over submenu · Issue #916 · Akryum/floating-vue