vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.0.0-beta.10] VTooltip overlay interfering with VMenu Overlay Clickoutside behaviour

Open shaydoc opened this issue 3 years ago • 3 comments

Environment

Vuetify Version: 3.0.0-beta.10 Vue Version: 3.2.39 Browsers: Chrome 105.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

Click on the VMenus on the Navigation Drawers, when the tooltip is active it prevents the VMenu from closing

Expected Behavior

VMenu should close when clicking on a new VMenu Element

Actual Behavior

2 VMenus appear stacked on top of each other

Reproduction Link

https://codepen.io/shaydoc-the-reactor/pen/ExLNpxa

shaydoc avatar Sep 14 '22 15:09 shaydoc

Overlays only close on click outside if they are the most recently opened one. I'm not really sure how to solve this because the current behaviour is useful for situations like a menu inside a dialog, where a click outside would otherwise close both instead of just the menu.

KaelWD avatar Sep 15 '22 12:09 KaelWD

I think we need to distinguish tooltips from other overlays perhaps, as they typically only show on hover and maybe are an exclusion to this rule ?

shaydoc avatar Sep 15 '22 14:09 shaydoc

@KaelWD Perhaps we could simply ignore clicks on overlays which work based on mouseenter and mouseleave? It should solve the issue, as tooltips are based on mouseenter and mouseleave, and they don't use click events.

gkubisa avatar Sep 19 '22 14:09 gkubisa

do you have any thoughts on this issue @johnleider @KaelWD ?

shaydoc avatar Sep 26 '22 11:09 shaydoc

@johnleider @KaelWD When could we expect a fix for this issue? It has a very big impact on our app and is holding up releases of some new features. Could you prioritize it, please?

gkubisa avatar Nov 17 '22 09:11 gkubisa