Topic: Modal animations too fast in the last version of Chrome

Roman priority asked 5 years ago

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.)

click on "launch demo modal" in Chrome and in Edge

Thank you for help.

Roman priority answered 5 years ago

Voila, just close and open the browser and everything works.

Tomek Makowski staff answered 5 years ago


Well, you can always add style="transition: .15s linear all!important;" to element.



Teixeira priority commented 5 years ago

Hi Tomek - I posted a similar bug :

It seems like this is related.

The animations, though not critical, should be operational.

Thanks! Mark

Roman priority answered 5 years ago

Hello, Thank you for your reply.

There is a style in the MDB

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;


.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.

Tomek Makowski staff answered 5 years ago


It looks it is problem with your browser (Chrome). There is no problem with MDB.



Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • 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