From 1d50663b38ba042e8d748ffa6d48cfb5e93cfd7e Mon Sep 17 00:00:00 2001
From: Matias Niemelä
Date: Fri, 15 Nov 2013 00:09:37 -0500
Subject: fix(ngAnimate): use a fallback CSS property that doesn't break
 existing styles

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
---
 css/angular.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'css')

diff --git a/css/angular.css b/css/angular.css
index 029d3a7d..3e20a999 100644
--- a/css/angular.css
+++ b/css/angular.css
@@ -15,8 +15,8 @@ ng\:form {
  * when the active class isn't set, or if the active class doesn't
  * contain any styles to transition to, then, if ngAnimate is used,
  * it will appear as if the webpage is broken due to the forever hanging
- * animations. The clip (!ie) and zoom (ie) CSS properties are used
- * since they trigger a transition without making the browser
+ * animations. The border-spacing (!ie) and zoom (ie) CSS properties are
+ * used below since they trigger a transition without making the browser
  * animate anything and they're both highly underused CSS properties */
-.ng-animate-start { clip:rect(0, auto, auto, 0); -ms-zoom:1.0001; }
-.ng-animate-active { clip:rect(-1px, auto, auto, 0); -ms-zoom:1; }
+.ng-animate-start { border-spacing:1px 1px; -ms-zoom:1.0001; }
+.ng-animate-active { border-spacing:0px 0px; -ms-zoom:1; }
-- 
cgit v1.2.3