From 2af8c62ed4e7db1884104521373e7179cf591df5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matias=20Niemel=C3=A4?= <matias@yearofmoo.com>
Date: Thu, 20 Aug 2015 09:02:56 -0700
Subject: [PATCH 1/3] docs(ngAnimate): remove -webkit-transition properties

This property is no longer mandatory by browsers.
---
 src/ng/directive/form.js        | 1 -
 src/ng/directive/ngClass.js     | 1 -
 src/ng/directive/ngIf.js        | 1 -
 src/ng/directive/ngInclude.js   | 1 -
 src/ng/directive/ngModel.js     | 1 -
 src/ng/directive/ngRepeat.js    | 1 -
 src/ng/directive/ngShowHide.js  | 2 --
 src/ng/directive/ngSwitch.js    | 1 -
 src/ngRoute/directive/ngView.js | 1 -
 9 files changed, 10 deletions(-)

diff --git a/src/ng/directive/form.js b/src/ng/directive/form.js
index d540e0403953..8f856ffe33c7 100644
--- a/src/ng/directive/form.js
+++ b/src/ng/directive/form.js
@@ -404,7 +404,6 @@ function FormController(element, attrs, $scope, $animate, $interpolate) {
        </script>
        <style>
         .my-form {
-          -webkit-transition:all linear 0.5s;
           transition:all linear 0.5s;
           background: transparent;
         }
diff --git a/src/ng/directive/ngClass.js b/src/ng/directive/ngClass.js
index b165995032f7..ec36fe505b52 100644
--- a/src/ng/directive/ngClass.js
+++ b/src/ng/directive/ngClass.js
@@ -262,7 +262,6 @@ function classDirective(name, selector) {
      </file>
      <file name="style.css">
        .base-class {
-         -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
          transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
        }
 
diff --git a/src/ng/directive/ngIf.js b/src/ng/directive/ngIf.js
index 2845250a86be..2e9d10888995 100644
--- a/src/ng/directive/ngIf.js
+++ b/src/ng/directive/ngIf.js
@@ -61,7 +61,6 @@
       }
 
       .animate-if.ng-enter, .animate-if.ng-leave {
-        -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
         transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
       }
 
diff --git a/src/ng/directive/ngInclude.js b/src/ng/directive/ngInclude.js
index 528958a943e2..97c11a6bab1c 100644
--- a/src/ng/directive/ngInclude.js
+++ b/src/ng/directive/ngInclude.js
@@ -85,7 +85,6 @@
       }
 
       .slide-animate.ng-enter, .slide-animate.ng-leave {
-        -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
         transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
 
         position:absolute;
diff --git a/src/ng/directive/ngModel.js b/src/ng/directive/ngModel.js
index 72e6e14bec0b..a1d0d561b0e2 100644
--- a/src/ng/directive/ngModel.js
+++ b/src/ng/directive/ngModel.js
@@ -935,7 +935,6 @@ var NgModelController = ['$scope', '$exceptionHandler', '$attrs', '$element', '$
        </script>
        <style>
          .my-input {
-           -webkit-transition:all linear 0.5s;
            transition:all linear 0.5s;
            background: transparent;
          }
diff --git a/src/ng/directive/ngRepeat.js b/src/ng/directive/ngRepeat.js
index 82796d996331..87101558a36f 100644
--- a/src/ng/directive/ngRepeat.js
+++ b/src/ng/directive/ngRepeat.js
@@ -256,7 +256,6 @@
       .animate-repeat.ng-move,
       .animate-repeat.ng-enter,
       .animate-repeat.ng-leave {
-        -webkit-transition:all linear 0.5s;
         transition:all linear 0.5s;
       }
 
diff --git a/src/ng/directive/ngShowHide.js b/src/ng/directive/ngShowHide.js
index 48c079b706ff..2caedd90a364 100644
--- a/src/ng/directive/ngShowHide.js
+++ b/src/ng/directive/ngShowHide.js
@@ -127,7 +127,6 @@ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
 
       .animate-show.ng-hide-add.ng-hide-add-active,
       .animate-show.ng-hide-remove.ng-hide-remove-active {
-        -webkit-transition: all linear 0.5s;
         transition: all linear 0.5s;
       }
 
@@ -284,7 +283,6 @@ var ngShowDirective = ['$animate', function($animate) {
     </file>
     <file name="animations.css">
       .animate-hide {
-        -webkit-transition: all linear 0.5s;
         transition: all linear 0.5s;
         line-height: 20px;
         opacity: 1;
diff --git a/src/ng/directive/ngSwitch.js b/src/ng/directive/ngSwitch.js
index 79155f433af5..96e049ad618e 100644
--- a/src/ng/directive/ngSwitch.js
+++ b/src/ng/directive/ngSwitch.js
@@ -91,7 +91,6 @@
       }
 
       .animate-switch.ng-animate {
-        -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
         transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
 
         position:absolute;
diff --git a/src/ngRoute/directive/ngView.js b/src/ngRoute/directive/ngView.js
index 70523fd84435..f26ffbb3df5e 100644
--- a/src/ngRoute/directive/ngView.js
+++ b/src/ngRoute/directive/ngView.js
@@ -90,7 +90,6 @@ ngRouteModule.directive('ngView', ngViewFillContentFactory);
         }
 
         .view-animate.ng-enter, .view-animate.ng-leave {
-          -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
           transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
 
           display:block;

From 97525a4213e76d525111d9111d4b58eb8634b065 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matias=20Niemel=C3=A4?= <matias@yearofmoo.com>
Date: Thu, 20 Aug 2015 08:58:37 -0700
Subject: [PATCH 2/3] docs(ngShow): simplify the CSS transition code

The animation example contains unnecessarily complex CSS animation
code in it and the conventions are off.

Related #12631
---
 src/ng/directive/ngShowHide.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/ng/directive/ngShowHide.js b/src/ng/directive/ngShowHide.js
index 2caedd90a364..6ea9b64d2ed5 100644
--- a/src/ng/directive/ngShowHide.js
+++ b/src/ng/directive/ngShowHide.js
@@ -125,8 +125,7 @@ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
         background: white;
       }
 
-      .animate-show.ng-hide-add.ng-hide-add-active,
-      .animate-show.ng-hide-remove.ng-hide-remove-active {
+      .animate-show.ng-hide-add, .animate-show.ng-hide-remove {
         transition: all linear 0.5s;
       }
 

From 20dfc9a75af4656f25054622ea1cdb1bac5e9d6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matias=20Niemel=C3=A4?= <matias@yearofmoo.com>
Date: Thu, 20 Aug 2015 09:13:08 -0700
Subject: [PATCH 3/3] docs(ngAnimate): staggering example should contain
 `duration:0s` property

As of 1.4.4 this property needs to always be in the CSS code

Related #12594
---
 src/ngAnimate/module.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ngAnimate/module.js b/src/ngAnimate/module.js
index 2558087be939..4d84b484a140 100644
--- a/src/ngAnimate/module.js
+++ b/src/ngAnimate/module.js
@@ -188,8 +188,8 @@
  *   /&#42; this will have a 100ms delay between each successive leave animation &#42;/
  *   transition-delay: 0.1s;
  *
- *   /&#42; in case the stagger doesn't work then the duration value
- *    must be set to 0 to avoid an accidental CSS inheritance &#42;/
+ *   /&#42; this must also be set (as of 1.4.4). This will signal ngAnimate
+ *          to not accidentally inherit a delay property from another CSS class &#42;/
  *   transition-duration: 0s;
  * }
  * .my-animation.ng-enter.ng-enter-active {