-
Notifications
You must be signed in to change notification settings - Fork 115
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
Remove animations on actionlist checkmark #2527
Conversation
🦋 Changeset detectedLatest commit: 36985fb The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
@keithamus is there a way we can maintain the checkmark animation generally, but for this specific scenario (a menu opens that always has things checked) remove it? I'd love to pair with you on this before we completely remove it. |
I think the solution would be to add a class to the button or checkbox that is active once the checkbox is checked, and remains applied for the duration of the animation (or longer), and apply the animation to that class. |
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.
🤘🏻
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.
I just wanna say I don't think its the animations fault 😆 I think its a nice animation. And something weird is happening with the menu. But agree snappy is good and you'll rarely see the animation since most menus close on selection.
So long old friend 👋
Authors: Please fill out this form carefully and completely.
Reviewers: By approving this Pull Request you are approving the code change, as well as its deployment and mitigation plans.
Please read this description carefully. If you feel there is anything unclear or missing, please ask for updates.
What are you trying to accomplish?
Checkmarks are animated when they get selected/deselected, but also the way CSS animations work, the animation is also run whenever the element moves from
display:none
to a display where it is laid out.This means whenever the menu is opened all the checkboxes animate in, which looks... weird.
Screenshots
a.video.showing.the.menu.being.opened.and.closed.where.the.checkmarks.animate.in.each.time.mp4
Integration
List the issues that this change affects.
A user pointed this out on a public forum: https://ruby.social/@joeldrapper/111796664357341563
Risk Assessment
What approach did you choose and why?
I delete the animation
Anything you want to highlight for special attention from reviewers?
Accessibility
Merge checklist
Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.