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

Fix 'Falling Lines' frozen line on start #176

Open
kapsule-studio opened this issue May 12, 2024 · 0 comments
Open

Fix 'Falling Lines' frozen line on start #176

kapsule-studio opened this issue May 12, 2024 · 0 comments

Comments

@kapsule-studio
Copy link

Hey!

The Falling Lines animation has a frozen line on first load that suddenly disappears.
To see it in action, just visit the docs.

After copying/pasting the source code, I've managed to trace the origin: the second and third <rect /> have an opacity animation going from 0 to 1 to 0. But the begin prop used to mark a delay also delays the initial setting of opacity to 0.

I have fixed it by simply adding an opacity={0} prop to both <rect /> to enforce their initial state.

If I knew how to contribute to this project I'd do it myself, so can someone add this to the source code for future usage?

Thanks! And nice project by the way, it is very convenient.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant