Animation doesn't work for a delay of more than 1000 (ms)

[dmahajan980]

I've using the library for 2-3 days and I observed that if the data-sal-delay property is set to a value greater than 1000 then the animation doesn't work.

[mciastek]

Can you prepare a working demo of this issue? You can use CodeSandbox as a working environment.

[JSR-FR]

The same is happening to me with the most basic use of sal. There's definitely an issue on data-sal-delay with value greater than 1000.

[zamson]

For me the animation works but fires with no delay at all

[dmahajan980]

Yes, for a data-sal-delay value greater than 1000 the delay doesn't work but the animations do.

[mciastek]

@dmahajan980 is right. Maximum value of the delay is 1000ms (1s), so you can't have a delay more than that. Probably it hasn't been stated in docs. If you want to specify higher delay, you can use custom CSS, like:

.custom-animated[data-sal-delay] {
  transition-delay: 2s;
}

For now it should be enough.

There's a request of adding support for custom animation properties using CSS variables. Probably that's the right way of handling such cases.

[mciastek]

Closing this issue in favour of #27. See docs for more details. If your target browser doesn't support CSS variables follow the example presented in #25 (comment).