search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.89k stars 6.97k forks source link

[Bug Report][3.6.13] v-tooltip intermittently fails to close when many are rendered #20241

Open chandlerpuckett opened 3 months ago

chandlerpuckett commented 3 months ago

Environment

Vuetify Version: 3.6.13 Vue Version: 3.5.0-alpha.4 Browsers: Chrome 126.0.0.0 OS: Windows 10

Steps to reproduce

When moving the mouse quickly, tooltips start to lag and become sticky. This issue is noticeable in production-level applications, especially when multiple tooltips (approximately 8 per row) are rendered within table views. Adjusting the scroll-strategy prop between 'close' and 'reposition' does not seem to resolve the problem.

Expected Behavior

Tooltips close as expected when set to scroll-strategy="close"

Actual Behavior

tooltips intermittently 'stick' on the screen and will not close

Reproduction Link

https://play.vuetifyjs.com/#...

VPlay.webm

image

KaelWD commented 3 months ago

I can't reproduce this. It looks like your browser isn't firing mouseleave events for some reason.

Tooltips close as expected when set to scroll-strategy="close"

Do they close when you scroll the page? scroll-strategy doesn't do anything if there's no scrolling.