SideModal: force visible state without animation

[dmitriy-kudelko]

Hello guys!

Just a QQ.. I wasn't able to find a way to disable animation of the side modal while forcing it to be initially open. There are visible and animated initial state props, however the latter doesn't seem to have any effect and, as I understand, isn't even intended for it.

Disabling the animation would be particularly useful in tests to eliminate unnecessary delays and so would help to speed-up tests execution.

Is there currently a way to prevent side modal from animating or if not, would it be possible to add support for some prop to disable it?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Hello!

Yes, you can disable all animations in the components using the disableAnimation prop. This is particularly useful for testing components such as performing visual regression testing. Here's how you can use it:

<Theme.Provider disableAnimation />

Please note that this will disable all animations in the app, not just the side modal animation. If you want to disable animations for a specific component only, you might need to implement that functionality yourself.

I hope this helps! Let me know if you have any other questions.

I also did a search, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Side Modal Animation (updated: 04/12/2023, similarity score: 89%)
• hideOnClickOutside for the SideModal component - Answer (updated: 11/14/2022, similarity score: 84%)
• Side Modal Animation - Answer (updated: 04/12/2023, similarity score: 84%)

[dmitriy-kudelko]

Oh, thanks bot!

This works 🎉

Setting disableAnimations prop on Theme.Provider (or CustomizationProvider) did the trick.