floating-vue icon indicating copy to clipboard operation
floating-vue copied to clipboard

Menu hides when hovering over menu item after hovering over submenu

Open LighthouseKeeperYN opened this issue 2 years ago • 17 comments

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.

https://user-images.githubusercontent.com/47790197/205085809-9fc460f5-9f94-4a42-8db0-2dd7ce7d7ffe.mp4

LighthouseKeeperYN avatar Dec 01 '22 15:12 LighthouseKeeperYN

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

NoraH1to avatar Dec 06 '22 08:12 NoraH1to

what is the solution?

ishaiavrahami avatar Dec 11 '22 17:12 ishaiavrahami

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

vovalunev avatar Mar 01 '23 14:03 vovalunev

how to use submenu?

freezyh avatar Apr 04 '23 10:04 freezyh

please, sample how use submenu ?

Droppix avatar May 06 '23 11:05 Droppix

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...

ivomynttinen avatar May 15 '23 16:05 ivomynttinen

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.

jamiecorky avatar Oct 10 '23 08:10 jamiecorky

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

dobromir-hristov avatar Oct 19 '23 15:10 dobromir-hristov

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.

jamiecorky avatar Nov 01 '23 09:11 jamiecorky

I think the root cause is this line:

https://github.com/Akryum/floating-vue/commit/01ef6f86aadc43488ade03cffd2158f2825cb416#r131886309

towry avatar Nov 07 '23 06:11 towry

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

stichingsd-vitrion avatar Feb 05 '24 18:02 stichingsd-vitrion

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

wangming-0215 avatar Mar 13 '24 08:03 wangming-0215

Issue persists, anybody found a fix?

liyasthomas avatar Jun 17 '24 18:06 liyasthomas