Skip to content
New issue

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

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

Already on GitHub? # 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 :)

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

Successfully merging a pull request may close this issue.