Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug Report] v-menu position is glitched when trying to open animation before close animation completes #8454

Closed
dingming1994 opened this issue Aug 10, 2019 · 2 comments · May be fixed by #14239
Closed

[Bug Report] v-menu position is glitched when trying to open animation before close animation completes #8454

dingming1994 opened this issue Aug 10, 2019 · 2 comments · May be fixed by #14239
Labels
C: VMenu VMenu help wanted We are looking for community help P: low The issue is of low importance T: bug Functionality that does not work as intended/expected

Comments

@dingming1994
Copy link

Environment

Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Google Chrome
OS: Mac OS 10.13.6

Steps to reproduce

In the link, first click button to open menu, then try to double click the button ( first click closed the menu with animation, and second click re-open the animation). if the double click is fast enough, the newly opened menu is in the wrong position.

Expected Behavior

The menu should be always on the top of the button

Actual Behavior

if click fast, it wrongly goes below the button.

Reproduction Link

https://codepen.io/dingming/pen/oKaByg

Other comments

I think this is due to the calculation if the position and it has some error in animation. Please Kindly advice. thanks
@ghost ghost added the S: triage label Aug 10, 2019
@dingming1994
Copy link
Author

Hi. Just a follow up, is there any update on this ?

Thanks!
@johnleider
Copy link
Member

This is being caused by the scale transform. I tested this with other's such as fade/slide-x etc and none of them exhibited this behavior. No idea how to resolve it.
@johnleider johnleider added C: VMenu VMenu help wanted We are looking for community help P: low The issue is of low importance T: bug Functionality that does not work as intended/expected and removed S: triage labels Aug 30, 2019
@KaelWD KaelWD mentioned this issue Jan 27, 2020
Closed
Kevin-H2R pushed a commit to Kevin-H2R/vuetify that referenced this issue Oct 6, 2021
fix(vmenu): sets bottom style property when using top prop
c120059 
fix vuetifyjs#8454
@Kevin-H2R Kevin-H2R mentioned this issue Oct 6, 2021
Open
8 tasks
Kevin-H2R pushed a commit to Kevin-H2R/vuetify that referenced this issue Oct 14, 2021
fix(vmenu): updates dimensions once the transition end
71594a7 
fix vuetifyjs#8454
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VMenu VMenu help wanted We are looking for community help P: low The issue is of low importance T: bug Functionality that does not work as intended/expected
2 participants
@dingming1994 @johnleider