Topic: Modal animations too fast in the last version of Chrome
Hello MDB, after the latest update of Chrome (74.0.3729.157) modal animations stopped to run smoothly as before. Everything is very fast on your website, too. In Edge everything is OK.
Expected behavior Run animation slowly as before.
Actual behavior Animations run very fast (in fact there is no animation)
Resources (screenshots, code snippets etc.) https://mdbootstrap.com/docs/jquery/modals/basic/
click on "launch demo modal" in Chrome and in Edge
Thank you for help.
Hi
It looks it is problem with your browser (Chrome). There is no problem with MDB.
Regards.
Tomek
Hello, Thank you for your reply.
There is a style in the MDB
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
and
.fade {
transition: opacity .15s linear;
}
The second style is overridden by the first style and that is why the animation doesn't work. I will try to find some way how to say to Chrome not to use this style. I had an older Chrome and everything worked. After my click on the upgrade button, the animation stops.
Hi
Well, you can always add style="transition: .15s linear all!important;" to element.
Regards.
Tomek
Teixeira pro premium priority commented 6 years ago
Hi Tomek - I posted a similar bug :
https://mdbootstrap.com/support/angular/animations-not-working-in-latest-version-of-chrome/
It seems like this is related.
The animations, though not critical, should be operational.
Thanks! Mark
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: 4.8.0
- Device: PC
- Browser: Chrome 74.0.3729.157
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes