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

Leaving transition does not work properly when using JavaScript hooks. #3264

Closed
ustbhuangyi opened this issue Feb 19, 2021 · 3 comments · Fixed by #3230
Closed

Leaving transition does not work properly when using JavaScript hooks. #3264

ustbhuangyi opened this issue Feb 19, 2021 · 3 comments · Fixed by #3230
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. has workaround A workaround has been found to avoid the problem 🐞 bug Something isn't working

Comments

@ustbhuangyi
Copy link
Contributor

Version

3.0.5

Reproduction link

https://codepen.io/ustbhuangyi-the-bold/pen/MWboJav

Steps to reproduce

  1. Click the Toggle button, wait for the enter transition end.
  2. Then click the Toggle button again.

What is expected?

The leaving transition works well and after the transition end, the red square disappear.

What is actually happening?

The square disappear immediately, the leaving transition does not work properly.
@HcySunYang HcySunYang added 🐞 bug Something isn't working 🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. has workaround A workaround has been found to avoid the problem labels Feb 19, 2021
@HcySunYang
Copy link
Member

HcySunYang commented Feb 19, 2021 •
edited
Loading

This will be fixed in #3230, as a workaround, you can use v-if instead of v-show.

@HcySunYang HcySunYang linked a pull request Feb 19, 2021 that will close this issue
fix(v-show): v-show takes higher priority than style attribute #3230
Merged
@HcySunYang
Copy link
Member

Another workaround, you can remove the changes to the state, see https://codepen.io/hcysunyang/pen/wvoeOaa

@ustbhuangyi
Copy link
Contributor Author

Another workaround, you can remove the changes to the state, see https://codepen.io/hcysunyang/pen/wvoeOaa

Haha, that's the reason why it looks strange. But I do need to do this

@github-actions github-actions bot locked and limited conversation to collaborators Oct 25, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
🔨 p3-minor-bug Priority 3: this fixes a bug, but is an edge case that only affects very specific usage. has workaround A workaround has been found to avoid the problem 🐞 bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(v-show): v-show takes higher priority than style attribute
2 participants
@ustbhuangyi @HcySunYang