Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
LighthouseKeeperYN opened this issue Dec 1, 2022 · 17 comments · May be fixed by #1052
Open

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

LighthouseKeeperYN opened this issue Dec 1, 2022 · 17 comments · May be fixed by #1052

Comments

@LighthouseKeeperYN
Copy link

LighthouseKeeperYN commented Dec 1, 2022

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
@NoraH1to
Copy link

NoraH1to commented Dec 6, 2022

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

@ishaiavrahami
Copy link

what is the solution?

@vovalunev
Copy link

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

@freezyh
Copy link

freezyh commented Apr 4, 2023

how to use submenu?

@Droppix
Copy link

Droppix commented May 6, 2023

please, sample how use submenu ?

@ivomynttinen
Copy link

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
Copy link

jamiecorky commented Oct 10, 2023

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
Copy link

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

@jamiecorky
Copy link

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
Copy link

towry commented Nov 7, 2023

I think the root cause is this line:

01ef6f8#r131886309

@stichingsd-vitrion
Copy link

stichingsd-vitrion commented Feb 5, 2024

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

@wangming-0215
Copy link

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

@liyasthomas
Copy link

Issue persists, anybody found a fix?

@fratzinger
Copy link

I think the root cause is this line:

01ef6f8#r131886309

by @towry

works for me.

@Ismaele-silla
Copy link

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
Copy link

Moerliy commented Sep 26, 2024

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
Copy link

Moerliy commented Sep 26, 2024

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 :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.