Skip to content

'fill: "forwards"' causes the element to ignore any future style changes. #59

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
Closed
urandom opened this issue Feb 7, 2016 · 1 comment
Closed

'fill: "forwards"' causes the element to ignore any future style changes. #59

urandom opened this issue Feb 7, 2016 · 1 comment

Comments

@urandom
Copy link

urandom commented Feb 7, 2016

Hi,

Using fill: forwards when starting an animation somehow disables all style changes after the animation ends. This can very easily be tested by doing:

$('body').animate([{opacity: 1}, {opacity: 0.3}], {duration: 400, fill: 'forwards'})

and after than ends, running:

$('body').style.opacity = 1

It seems that only the properties that have at some point been part of a forwards animation are 'disabled'. And this occurs in chrome 48 but not firefox 44
urandom pushed a commit to urandom/readeef that referenced this issue Feb 9, 2016
Remove the usage of fill: 'forwards'
f15c8fc 
Due to web-animations/web-animations-js#59, chrome can't set any
properties that have been previously animated. Currently there are
jitters at the end of the animations in Firefox, but at least its still
usable.
@dstoc
Copy link
Contributor

dstoc commented Feb 10, 2016

Working as intended. Discussed further in https://code.google.com/p/chromium/issues/detail?id=585463

@dstoc dstoc closed this as completed Feb 10, 2016
@urandom urandom mentioned this issue Feb 11, 2016
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@urandom @dstoc