Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Commit 48df5b2

Browse files
committed
docs($animate): document the 3rd party framework compatibility issues (fixes #8569)
1 parent 89c57a8 commit 48df5b2

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/ngAnimate/animate.js

+6
Original file line numberDiff line numberDiff line change
@@ -219,6 +219,12 @@
219219
* Also, try not to mix the two class-based animation flavors together since the CSS code may become
220220
* overly complex.
221221
*
222+
* <div class="alert alert-warning">
223+
* **Note:** Some third-party frameworks place animation duration defaults across many element or className selectors in order to make their code small and reuseable.
224+
* This can lead to issues with ngAnimate, which is expecting actual animations on theses elements and has to wait for their completion.
225+
* You can prevent this unwanted behavior by using a prefix on all your animation classes, after what you can configure `$animate` to enforce this prefix: `$animateProvider.classNamePrefix(/animate-/);`
226+
* </div>
227+
*
222228
* ### CSS Staggering Animations
223229
* A Staggering animation is a collection of animations that are issued with a slight delay in between each successive operation resulting in a
224230
* curtain-like effect. The ngAnimate module (versions >=1.2) supports staggering animations and the stagger effect can be

0 commit comments

Comments
 (0)