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

Updating custom properties does not work #17

Open
una opened this issue Oct 22, 2020 · 1 comment
Open

Updating custom properties does not work #17

una opened this issue Oct 22, 2020 · 1 comment
Assignees

Comments

@una
Copy link

una commented Oct 22, 2020

I want to update custom properties in an interaction or animation. These properties are consumed by the worklet. Currently, updating of custom properties is not supported by this polyfill.

@developit developit self-assigned this Oct 28, 2020
@developit
Copy link
Collaborator

Alright, I spent a while on this and it turns out Safari has gone to fairly extreme lengths to ensure it's impossible to obtain rendered values of custom properties during CSS animations. Firefox is a similar story. I added animation and transition tracking to the polyfill so that painters update any time a browser commits custom property values, which sortof matches the Chrome behavior for transitioning things that can't be transitioned (snap to end). I have a PR that does "live" animation tracking, but the results aren't particularly compelling: #19

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

2 participants