<feed xmlns='http://www.w3.org/2005/Atom'>
<title>angular.js/test/ngAnimate, branch v1.2.2</title>
<subtitle></subtitle>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/'/>
<entry>
<title>fix(ngAnimate): correctly retain and restore existing styles during and after animation</title>
<updated>2013-11-22T04:37:01+00:00</updated>
<author>
<name>Peter Deak</name>
</author>
<published>2013-11-10T21:36:47+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=c42d0a041890b39fc98afd357ec1307a3a36208d'/>
<id>c42d0a041890b39fc98afd357ec1307a3a36208d</id>
<content type='text'>
Closes #4869
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Closes #4869
</pre>
</div>
</content>
</entry>
<entry>
<title>fix($animate): ensure keyframe animations are blocked around the reflow</title>
<updated>2013-11-22T01:48:15+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-19T05:21:48+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=6760d7a315d7ea5cbd4f8ab74b200f754a2041f4'/>
<id>6760d7a315d7ea5cbd4f8ab74b200f754a2041f4</id>
<content type='text'>
Keyframe animations trigger on the first CSS class and not the second.
This may cause a slight flicker during a stagger animation since the
animation has already started before the stagger delay is considered.
This fix ensures that the animation is blocked until the active animation
starts which allows for staggering animations to take over properly.

Closes #5018
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Keyframe animations trigger on the first CSS class and not the second.
This may cause a slight flicker during a stagger animation since the
animation has already started before the stagger delay is considered.
This fix ensures that the animation is blocked until the active animation
starts which allows for staggering animations to take over properly.

Closes #5018
</pre>
</div>
</content>
</entry>
<entry>
<title>fix($animate): ensure transition animations are unblocked before the dom operation occurs</title>
<updated>2013-11-22T01:48:07+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-18T21:20:22+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=062fbed8fc3f7bc55433f8c6915c27520e6f63c5'/>
<id>062fbed8fc3f7bc55433f8c6915c27520e6f63c5</id>
<content type='text'>
Transitions are blocked when the base CSS class is added at the start of the animation. This
causes an issue if the followup CSS class contains animatable-styles. Now, once the animation
active state is triggered (when the animation CSS dom operation occurs) the animation itself
will always trigger an animate without a quick jump.

Closes #5014
Closes #4265
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Transitions are blocked when the base CSS class is added at the start of the animation. This
causes an issue if the followup CSS class contains animatable-styles. Now, once the animation
active state is triggered (when the animation CSS dom operation occurs) the animation itself
will always trigger an animate without a quick jump.

Closes #5014
Closes #4265
</pre>
</div>
</content>
</entry>
<entry>
<title>fix($animate): ensure addClass/removeClass animations do not snap during reflow</title>
<updated>2013-11-22T01:47:55+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-16T05:43:08+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=76e4db6f3d15199ac1fbe85f9cfa6079a1c4fa56'/>
<id>76e4db6f3d15199ac1fbe85f9cfa6079a1c4fa56</id>
<content type='text'>
Closes #4892
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Closes #4892
</pre>
</div>
</content>
</entry>
<entry>
<title>fix(ngAnimate): use a fallback CSS property that doesn't break existing styles</title>
<updated>2013-11-21T01:54:07+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-15T05:09:37+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=1d50663b38ba042e8d748ffa6d48cfb5e93cfd7e'/>
<id>1d50663b38ba042e8d748ffa6d48cfb5e93cfd7e</id>
<content type='text'>
The clip property seems to remove the box-shadow property when an absolute
positioned animation is ongoing. This fix changes the property to be border-spacing
which is also very underused. The border-spacing CSS property is only visible
when border-collapse is set to separate.

Closes #4902
Closes #5030
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
The clip property seems to remove the box-shadow property when an absolute
positioned animation is ongoing. This fix changes the property to be border-spacing
which is also very underused. The border-spacing CSS property is only visible
when border-collapse is set to separate.

Closes #4902
Closes #5030
</pre>
</div>
</content>
</entry>
<entry>
<title>fix($animate): ensure the DOM operation isn't run twice</title>
<updated>2013-11-20T22:08:03+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-14T20:36:07+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=7067a8fb0b18d5b5489006e1960cee721a88b4d2'/>
<id>7067a8fb0b18d5b5489006e1960cee721a88b4d2</id>
<content type='text'>
Depending on the animations placed on ngClass, the DOM operation may
run twice causing a race condition between addClass and removeClass.
Depending on what classes are removed and added via $compile this may
cause all CSS classes to be removed accidentally from the element
being animated.

Closes #4949
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Depending on the animations placed on ngClass, the DOM operation may
run twice causing a race condition between addClass and removeClass.
Depending on what classes are removed and added via $compile this may
cause all CSS classes to be removed accidentally from the element
being animated.

Closes #4949
</pre>
</div>
</content>
</entry>
<entry>
<title>fix(animateSpec): run digest to enable animations before tests</title>
<updated>2013-11-08T09:03:18+00:00</updated>
<author>
<name>Pete Bacon Darwin</name>
</author>
<published>2013-11-07T18:44:27+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=aea76f0d5c43dc17f1319d0a45d2ce50fddf72e4'/>
<id>aea76f0d5c43dc17f1319d0a45d2ce50fddf72e4</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>fix($animate): only apply the fallback property if any transition animations are detected</title>
<updated>2013-11-06T07:01:19+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-06T06:57:34+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=9470080762aecca5285d0f5cac4ae01540bbad4c'/>
<id>9470080762aecca5285d0f5cac4ae01540bbad4c</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>feat($animate): ensure CSS transitions can work with inherited CSS class definitions</title>
<updated>2013-11-06T05:15:59+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-04T21:23:56+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=9d69a0a7c75c937c0a49bb705d31252326b052df'/>
<id>9d69a0a7c75c937c0a49bb705d31252326b052df</id>
<content type='text'>
BREAKING CHANGE

ngAnimate addClass / removeClass animations are now applied right away. This means
that as soon as the animation starts the class will be added (addClass) or removed
(removeClass) to the element being animated instead of after the -add-active /
-remove-active animations are completed. This allows for animations outside of
ngAnimate to not conflict with $animate.

This commit introduces beforeAddClass and beforeRemoveClass animation event functions and
executes any addClass and removeClass event functions AFTER the class has been added or
removed (this is opposite functionality of how ngAnimate used to work when performing
JS-enabled animations addClass / removeClass animations). If your animation code relies on
any animations being performed prior to the class change then simply use the new
beforeAddClass and beforeRemoveClass animation event functions.

Finally, when animating show and hide animations using CSS transitions or keyframe animations,
ng-hide-remove doesn't require `display:block!important` for ng-hide-add anymore.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
BREAKING CHANGE

ngAnimate addClass / removeClass animations are now applied right away. This means
that as soon as the animation starts the class will be added (addClass) or removed
(removeClass) to the element being animated instead of after the -add-active /
-remove-active animations are completed. This allows for animations outside of
ngAnimate to not conflict with $animate.

This commit introduces beforeAddClass and beforeRemoveClass animation event functions and
executes any addClass and removeClass event functions AFTER the class has been added or
removed (this is opposite functionality of how ngAnimate used to work when performing
JS-enabled animations addClass / removeClass animations). If your animation code relies on
any animations being performed prior to the class change then simply use the new
beforeAddClass and beforeRemoveClass animation event functions.

Finally, when animating show and hide animations using CSS transitions or keyframe animations,
ng-hide-remove doesn't require `display:block!important` for ng-hide-add anymore.
</pre>
</div>
</content>
</entry>
<entry>
<title>chore(animateSpec): provide meaningful CSS class names in animation tests</title>
<updated>2013-11-06T02:46:07+00:00</updated>
<author>
<name>Matias Niemelä</name>
</author>
<published>2013-11-05T00:00:03+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/fork/angular.js/commit/?id=7d2d2575a24e099cb0ebd9c3b44f75fe37f24298'/>
<id>7d2d2575a24e099cb0ebd9c3b44f75fe37f24298</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
</feed>
