search

vuetifyjs / vuetify

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

[Bug Report][3.6.7] Behavior of VMenu position when scrolling on the page #19856

Open Co-7 opened 4 months ago

Co-7 commented 4 months ago

Environment

Vuetify Version: 3.6.7 Vue Version: 3.4.27 Browsers: Firefox 127.0 OS: Windows 10

Steps to reproduce

I create a simple Vmenu with a list of elements abnd when I open the menu and scroll down the page, the wrong behavior appears.

Expected Behavior

The menu remains open but disappears when you scroll down the page and reappears when you scroll back up.

Actual Behavior

When I scroll, the menu remains on the screen as if it were in a fixed position on the page.

Reproduction Link

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

firefox_6MDsJk4OZF

In Vue 2 behavior is good :

firefox_kQcix9WMak

Mikrovolnovka commented 4 months ago

Another reproducible link is actually docs page: https://vuetifyjs.com/en/components/menus/#popover-menu

https://github.com/vuetifyjs/vuetify/assets/1439238/33261e36-e3cc-4029-9fa1-31f174909c4e

Co-7 commented 3 months ago

I tried changing the scroll-strategy property to none, but the problem is that the menu no longer repositioned itself.

firefox_GGsbExvO4G

PlayGround