wow fadeIn not working properly on iOS

Topic: wow fadeIn not working properly on iOS

kennovation asked 3 years ago

Using the sample page MDB-Pro_4.8.4/templates/landing-page.html, and scrolling down on an iPad (Safari and Chrome tested), the wow fadeIn animation on the 'sections' is not reliable - it leaves rows blank and redraws twice.

In particular, often I can the scroll such that the start of the section (the and the

) fade in properly, but the rest of the section (the row div) draws, then goes blank and either redraws, or stays blank until I jiggle the scroll.

I do not have this problem in Chrome on my Mac.

I reproduced this in MDB versions 4.7.1 and 4.8.4.

Bartłomiej Malanowski staff pro premium commented 3 years ago

I wasn't able to reproduce your issue. Could you please record a screen video?

fajnebity answered 3 years ago

Having the same issue in Safari (desktop version), based on your newest MDB-Portfolio-Templates-Pack/html/agency.html template, here's the video:

BTW, when there are flex elements with icons inside the div, they sometimes get messed up, losing the height/width attributes.

AdamJakubowski staff commented 3 years ago


Thanks for posting the problem. I checked it and, indeed, this bug appears on safari browsers.I added this to our bug list, we will try to solve the problem as soon as possible.



SpicyCode answered 3 years ago

Same issue on iPad mini4 / iOS 12.4.1 with Safari and Firefox. Do you know how to fix it ? Thanks Alex.

MDBootstrap staff pro premium commented 3 years ago

We will this issue. I added it to our task list.

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
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.4
  • Device: iPad (6th generation)
  • Browser: Safari or Chrome
  • OS: iOS 12.3.1
  • Provided sample code: No
  • Provided link: No