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.

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

If user navigates from and back to a page with .animate-in elements quickly, the animated elements in the page disappear #62

Open
vezwork opened this issue Aug 27, 2020 · 0 comments
Labels
bug Something isn't working enhancement New feature or request

Comments

@vezwork
Copy link
Member

vezwork commented Aug 27, 2020

Repro steps:

  • go to page-0
  • press NEXT to go to page-1
  • immediately press BACK to go back to page-0
  • observe that the elements in page 0 are not visible.

This occurs because of the following code:

setTimeout(() => {
    animatedEl.style.opacity = 0;
}, 800);

It is very unlikely that a user will encounter this problem, as you have to move your mouse very quickly and intentionally to go back fast. It is also easy to recover from this problem, just press next to go to the next page.
So I am marking this bug as an enhancement.

@vezwork vezwork added bug Something isn't working enhancement New feature or request labels Aug 27, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant