Topic: wow fadeIn not working properly on iOS

kennovation free asked 4 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 commented 4 years ago

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

SpicyCode free answered 4 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 commented 4 years ago

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

robertp free answered 4 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.

Adam Jakubowski staff commented 4 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.



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