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:

https://www.dropbox.com/s/fgicuvr9vvtq89d/animations-bug-2.mov?dl=0

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

Hi,

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.

Best,

Adam


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.

FREE CONSULTATION

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

Status

Answered

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
Tags