Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can we have option to disable animation in some components?

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

It would be great if we have option to disable animation or at least customize them in some components such as Tree or Modal.

What does the proposed API look like?

For example Tree component with prop animation={false} will render the tree without CSSMotion component wrapped around it

Issue Analytics

State:
Created 4 years ago
Reactions:15
Comments:9 (6 by maintainers)

Top GitHub Comments

11reactions

Aaroniuscommented, Jun 12, 2021

It seems like setting motion={null} on the Tree component works. It’s not a documented prop, but you can see where it comes into play here.

6reactions

hieuhlccommented, Jun 5, 2019

@zombieJ my Tree component have hundreds of item and I don’t want to have animation to cost performance of the tree on expand / collapse (this is main reason). Also when the tree expands, it overflows the container’s height, which is fine, but the scrollbar keeps changing during the animation. You can see the gif below

record

^ This is minor, not very important. Thanks for the good work on antd btw.

Top Results From Across the Web

Disable animation on initial view / page load : Angular

Use [@.disabled]="isPaused" on the element itself to prevent animation; where isPaused is a boolean variable that is equal to true .

Change, remove or turn off animation effects - Microsoft Support

On the Animation tab, click Animation Pane. Open the Animation Pane · On the slide, click the animated object that you want to...

How to disable Animation for certain packages only - IBM

If the animation for the entire project has to be disabled, set the Instrumentation option under Settings tab of the Active Configuration to...

Animation | Framer for Developers

When a motion component is first created, it'll automatically animate to the values in animate if they're different from those defined in style...

Framer-Motion: New And Underestimated Features - Shakuro

To replicate in some way GreenSock's ScrollTrigger – pinning motion component in viewport while animating we need to wrap it into two wrappers, ......