-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
Set delay to zero in the reduce-motion mixin and tests #29762
Conversation
Size Change: +298 B (0%) Total Size: 1.4 MB
ℹ️ View Unchanged
|
(Make sure to test this PR properly cross browsers, I know for instance that Safari might treat these default values differently) |
Thanks for the heads-up! I've tested the latest Chrome, Firefox, Edge, and Safari. So far everything works fine. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Confirming that this fixes the trouble I was having in #29489. With this change applied, template-part.test.js
tests pass for me locally.
43ebb01
to
9d9def4
Compare
Rebased, hopefully tests will be happy now 🤞 |
Description
Set
transition-delay
andanimation-delay
to0s
(basically disabling it) in thereduce-motion
mixin and E2E tests plugin.How has this been tested?
Screenshots
Note, in the video you will see the inserter button to slide to the left in a smooth way. This transition doesn't have
reduce-motion
mixin yet. That's another bug and a separate PR will fix that.Inserter button goes behind the W button. And after a few milliseconds, it appears next to the W button. We use
transition-delay
to coordinate the transitions, that's why this is happening. To fix this, we need to set the delay to zero in reduced-motion mode.Before
Screen.Recording.2021-03-11.at.11.24.55.mov
After
Screen.Recording.2021-03-11.at.11.27.56.mov
Types of changes
Bug fix (non-breaking change which fixes an issue)
Checklist: