Animations

web
mobile

sedonawebservices pro asked 1 months ago

Expected behavior Animations work

Actual behavior Animations don't work

Resources (screenshots, code snippets etc.)

It doesn't seem to be working on your demo page anymore, either (Examples & Customization): https://mdbootstrap.com/docs/react/css/animations/


Piotr Glejzer staff commented 1 months ago

Hi,
on my computer (Windows) with the latest version with Chrome is working correctly. Do you have some errors in the console?
Best,
Piotr


sedonawebservices pro commented 1 months ago

No related errors in console, on my project, or on your website.

https://youtu.be/gsAEallM5EY


Piotr Glejzer staff commented 1 months ago

This is my video and everything is working :(
https://vimeo.com/360473063
We will check it on mac.


webshapers pro answered 1 months ago

Similar issue: Seems like the last update to MDB Pro 4.8.9 has caused some trouble with the wow effect. wow elements are now fired on page load and not when the element scrolls into view. Tested on Mac and Linux, both Firefox and Chrome. Just check https://mdbootstrap.com/docs/jquery/css/animations/#animations-on-scroll Would be great to see this working again! Thank you, Thomas


Piotr Glejzer staff commented 1 months ago

Thanks for this report. Sorry about that bug. I added to our list to check it! Have a nice day.


webshapers pro commented 2 weeks ago

I realize that you have managed to fix the issue at https://mdbootstrap.com/docs/jquery/css/animations/#animations-on-scroll Could you give us a hint how you did it? Thank you! Thomas


webshapers pro answered a week ago

Any news on this? Could you just supply us with an updated version of mdb.js, that you are using on mdbootstrap.com from a week ago?


webshapers pro commented a week ago

I was able to "fix" the issue by simply adding wow.js after mdb.js. Not a very satisfying solution, though...


webshapers pro commented a week ago

Another solution might be to take a look at the mdbWow function in mdb.js around line 14575. I have commented out the following lines and everything works again: /* if ($this.css('visibility') === 'visible') { return; } */


Piotr Glejzer staff commented a week ago

jQuery team is working on wow.js but the next release will be for 2 weeks more.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: React
  • MDB Version: 4.19.2
  • Device: Macbook
  • Browser: Chrome
  • OS: OS X
  • Provided sample code: No
  • Provided link: Yes
Tags