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

[Chrome 74] @media(prefers-reduced-motion) rule #932

Closed
toviszsolt opened this issue May 8, 2019 · 5 comments
Closed

[Chrome 74] @media(prefers-reduced-motion) rule #932

toviszsolt opened this issue May 8, 2019 · 5 comments

Comments

@toviszsolt
Copy link

@media(prefers-reduced-motion) rule updated, please check:
https://developers.google.com/web/updates/2019/03/prefers-reduced-motion

Please extend the rule:
@media (prefers-reduced-motion) -> @media (prefers-reduced-motion: reduce)

@warengonzaga
Copy link
Member

Hello @sivot thank you for the update!
@eltonmesquita can you please check this one and add a proper label for this. Thank you!

@yellow1912
Copy link

I can confirm this. With the release of the new Chrome, this rule causes all my elements to stop being animated even when the users do not set the mode to reduce. This issue is critical and should be fixed asap.

@jomho
Copy link

jomho commented May 13, 2019

I have added

@media (prefers-reduced-motion: reduce) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}

to styles.css in my angular app. Also, I have attempted to update the library to include @media (prefers-reduced-motion: reduce) instead of @media (prefers-reduced-motion). Neither has worked in Chrome for iOS V74.0.3729.121. What should I do?

@toviszsolt
Copy link
Author

@jomho that block inlcuded to animate.css library, so if you include that block to your style it doesn't matter. :) Need to fix that block in animate.css library.

@eltonmesquita
Copy link
Collaborator

I'll close this as it's a duplication of #928 .

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

5 participants