Topic: wow fadeIn not working properly on iOS
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.
Same issue on iPad mini4 / iOS 12.4.1 with Safari and Firefox. Do you know how to fix it ? Thanks Alex.
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.
Adam Jakubowski staff commented 5 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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
Bartłomiej Malanowski staff commented 5 years ago
I wasn't able to reproduce your issue. Could you please record a screen video?