Wow JS is causing text to strobe at the top of website

[jeremyrschroedercd2]

My content that is usually animated in the middle of the page is showing at the top and stobes ( flash on and off at the very top of the page). I don't get it all the time - it is hard to replicate.

[dnk588]

Same issue! Happening in Chrome only. And only for special elements, for example:

<div class="quote wow fadeInUp">
Speed is important
<div class="autor">
<div class="yellow-line"></div>
<span class="name">Autor name</span>
</div>
</div>

So Autor name will apear on top. Also it's happening in wordpress, so wordpress wrapping span in p, maybe this is also the reason. Will look for more details.

[jeremyrschroedercd2]

Here is the page i was having trouble on - if that helps: http://portal1.cd2learning.com/home.aspx It pretty easy to find the problem though you might have to scroll all the way down before you notice it - no luck with understanding a solution though:

[dnk588]

In your example i see text in blocks (Awards section) once in 5 seconds disappearing for a second, going on top, then appearing again at the place it mentioned to be. It don't looks solved) Using chrome Version 58.0.3029.110 (64-bit) on mac

[jeremyrschroedercd2]

Yes not solved. I removed the Wow animation on the live site - this is just a testing site as I am still not finding the cause. I thought maybe showing you additional example of the problem might help.

I am on also Using chrome Version 58.0.3029.110 (64-bit) on mac

[jeremyrschroedercd2]

It is just a Chrome V58 issue, I just confirmed is also does this on a PC and doesn't do it on any other old versions of Chrome - fyi, guessing chrome may have dropped support a CSS3 parameter wow might be using.

[dnk588]

Yes, you are right, on previous versions of chrome everything worked perfectly, just recently this problem started to appear.

[pantaluna]

I am using Windows 10 + Google Chrome Version 58.0.3029.110 (64-bit) and "animate.css": "~3.5.2" and "wowjs": "~1.1.2" and having exactly the same issue but only when using the annotation "wow fadeInUp" and somehow it does not happen every time you load the page (timing issue?). The sections with annotations "wow slideInLeft" and "wow slideInRight" animate correctly. I guess this is an issue in animate.css and not wowjs. No idea how to "debug" css animations.

So I have made a short screencast to show you exactly what is going on. It is is difficult to explain that in writing :) http://rolf.huijbrechts.be/lp-developer/tmp/wowjs-recording.avi

The temporary URL http://rolf.huijbrechts.be/lp-developer/index-wow.html uses wow fadeInUp and is causing it somehow directly or indirectly. The HTML is like

A working version at URL http://rolf.huijbrechts.be/lp-developer/ has wow fadeInUp disabled. The HTML is like

[dbledayr]

I had this same issue for when a parent is animated and the contents are absolutely positioned (e.g. when you are "perfectly" centering content in a block or similar. So far it appears adding an appropriate z-index to the content that is having the issue resolves said problem.

[jeremyrschroedercd2]

So I noticed that Chrome just updated automatically for me and I no longer see the issue. The issue has at times be really hard to replicate so not 100% the update fixed it but thinking it did. Can any one else confirm their issue has been resolved with the latest update?

[pantaluna]

@jeremyrschroedercd2 yes it works fine now in Chrome Version 59.0.3071.115 (Official Build) (64-bit) for Windows 10