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

Explore Adding Motion to Block Moving Actions #15922

Closed
mtias opened this issue May 30, 2019 · 2 comments
Closed

Explore Adding Motion to Block Moving Actions #15922

mtias opened this issue May 30, 2019 · 2 comments
Labels
[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Design Feedback Needs general design feedback.

Comments

@mtias
Copy link
Member

mtias commented May 30, 2019

This is a container issue to explore and discuss the use of motion to add extra clarity for the actions of moving and reordering (drag and drop) blocks in the editor interface.

More Broadly → Using Motion to Express Change

  • Implementation details around the use of react-spring.
    • Consistent motion feeling by tweaking tension, mass, resistance parameters.
    • Broader component guidelines integrations (popovers and micro-interactions).
  • Considerations around reduced motion support.
  • Considerations around other ways of disabling / enabling such interactions.
@mtias mtias added [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Design Feedback Needs general design feedback. labels May 30, 2019
@richtabor
Copy link
Member

This is so awesome!

One idea would be to add an option to remove motion within the OptionsModal. 🤔

@mtias
Copy link
Member Author

mtias commented Jul 3, 2019

Done in #16065.

@richtabor glad you like it! Let's see how the reduced motion support works and we can always add our own setting if it's not sufficient or robust enough yet.

@mtias mtias closed this as completed Jul 3, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). Needs Design Feedback Needs general design feedback.
Projects
None yet
Development

No branches or pull requests

2 participants