vuetifyjs / vuetify

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

[Bug Report] v-tooltip does not work correctly when used inside v-navigation-drawer #8304

Closed ghost closed 5 years ago

ghost commented 5 years ago

Environment

Vuetify Version: 2.0.4 Vue Version: 2.6.10 Browsers: Chrome 74.0.3729.169 OS: Windows 10

Steps to reproduce

Open the drawer with the first button and see what v-tooltip is displayed correctly.

Now if you scroll down a bit and open the drawer through the second button, you will see that the v-tooltip has flown off.

Expected Behavior

v-tooltip should be displayed in the position where the button is located, regardless of whether the page is scrolled or not.

Actual Behavior

v-tooltip is displayed in the place where it was rendered when the page was loaded, that is, at the very top.

Reproduction Link

https://codepen.io/anon/pen/LwOvEP

Other comments

When moving the page, all items remain static in the drawer, except the hint, I don't know, maybe I forgot to connect some prop, or don't use the grid correctly?

jacekkarczmarczyk commented 5 years ago

Duplicate of https://github.com/vuetifyjs/vuetify/issues/8191