Topic: Modal Animation not working (Fade)
ggedde free asked 3 years ago
Modals should be animated when opening when using the .fade class
Modals open without animation.
Resources (screenshots, code snippets etc.)
This is also happening on the main MDB Docs. https://mdbootstrap.com/docs/jquery/modals/basic/
How can I get the modals to open with animation like they do on normal Bootstrap? Thanks
I think I have the answer for you as I had the same problem I think what caused this problem is something called prefers-reduced-motion you could search it off, As I'm still researching it. basically, it is a feature in pretty much all devices and what it does is reduces the animation effect to save power so you need to turn that off to show the animation for Windows its called Animation effects and it's off by default so to turn it on 1. Go to accessibility settings by pressing the Windows key, + U. Go to the Vision section and click on Visual Effects 2. Click the toggle switch for Animation effects to turn it on.
I don't have any errors related to that. I checked with Safari and Firefox and non of them show an animation.
Here is a video: https://www.screencast.com/t/dGmS2yk3
However, if I go to Bootstrap 4: https://getbootstrap.com/docs/4.0/components/modal/
Then animation is working.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.12.0
- Device: Laptop
- Browser: Chrome
- OS: Mac OS
- Provided sample code: No
- Provided link: Yes