enzoemb / enami Goto Github PK

Hello, @EnzoEmb. How's it going?

In order to keep DOM Elements clean I use to append animation classes and datasets via javascript.
I'm testing Enami to animate some HTML elements but I found the following error:
The elements only get animated if I declare data-enami-children="" inline. If I remove it, the animation won't start. Curiously, the attribute doesn't need to have the same value from javascript code.

HTML Code:
< div id="demo" class="demo" data-enami-children="anything-here">
Javascript Code:

att('.staggering > #demo', {'class':'demo','data-enami-animation':'fade-up','data-enami-children':'.demo-dot','data-enami-stagger':'.2s'});

You can check this out in action in this Pen:
https://codepen.io/byJaris/pen/bGOpEZZ

Is there a way to resolve this?

Thanks in advance and congrats for Enami.js

Hello again @EnzoEmb

I'm still testing Enami library and created a quick page to try different usages. Everything looks so smooth and nice but there's an error when I try to apply the animations in the nav. I'd like to animate the base of the menu and then, the UL list inside it. But I guess I doing something wrong here. I tested in Chrome and Firefox and get the same result. But in the preview inside CodePen everything is fine.

When I inspect the page I noticed that the 'enami-in' data is forcing to be injected in the DOM but something happens and delays the animation for a long time.

I also noticed this error message related to the javascript file:

Here is the 'data-enami-in' in action:

And this is my Pen:

https://codepen.io/byJaris/pen/oNJxOPZ

Thank you again.