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

FAQ entry on scoped animations is not accurate #141

Closed
jonrimmer opened this issue May 18, 2013 · 2 comments
Closed

FAQ entry on scoped animations is not accurate #141

jonrimmer opened this issue May 18, 2013 · 2 comments
Assignees

Comments

@jonrimmer
Copy link

The FAQ says that the inability to use keyframe and font-face @-rules within element stylesheets is due to a spec limitation. This is not correct: the linked mailing list post by David Baron is only a suggestion, and has not in fact been implemented in the relevant part of the spec, which at present only says @page rules should be ignored. The fact that they do not work is an implementation issue, one that there has already been some effort to address within Webkit. Even if David Baron's suggestion is eventually adopted, Tab Atkins has indicated that there will still be some mechanism to scope these @ rules to components.

It would be more accurate to say simply that @keyframe and @font-face do not work at present within element stylesheets, but that this will eventually be addressed, and in the meantime it can be worked around by including the definitions globally.

This might seems like a small thing, but the fact that animations do not work within elements is likely to be one of the first problems authors encounter (it was the first I came across), and it will only contribute to the negativity already felt by some authors towards standards groups by suggesting that this is a restriction imposed by spec fiat, when it is not, and the use case for components has been recognised and will be addressed.

@ghost ghost assigned ebidel Jun 13, 2013
@TedDriggs
Copy link

I just tested this and found that only Chrome doesn't support @Keyframes in scoped style blocks. Is this because Firefox and IE 11 don't support scoped styles, or are they exhibiting the desired behavior?

@ebidel
Copy link
Contributor

ebidel commented Jan 8, 2014

This section was removed from the docs a while back because the underlying Blink issue was fixed: https://code.google.com/p/chromium/issues/detail?id=229345. However in testing this again, I'm not seeing @keyframes work correctly in shadowRoots. I've reopened https://code.google.com/p/chromium/issues/detail?id=244914.

Closing this issue as it's no longer relevant for the docs.

@ebidel ebidel closed this as completed Jan 8, 2014
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

3 participants