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
---
 src/ngAnimate/animate.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/ngAnimate/animate.js')

diff --git a/src/ngAnimate/animate.js b/src/ngAnimate/animate.js
index 3b94a651..1a287e91 100644
--- a/src/ngAnimate/animate.js
+++ b/src/ngAnimate/animate.js
@@ -1023,7 +1023,7 @@ angular.module('ngAnimate', ['ng'])
           var propertyStyle = timings.transitionPropertyStyle;
           if(propertyStyle.indexOf('all') == -1) {
             applyFallbackStyle = true;
-            var fallbackProperty = $sniffer.msie ? '-ms-zoom' : 'clip';
+            var fallbackProperty = $sniffer.msie ? '-ms-zoom' : 'border-spacing';
             style += CSS_PREFIX + 'transition-property: ' + propertyStyle + ', ' + fallbackProperty + '; ';
             style += CSS_PREFIX + 'transition-duration: ' + timings.transitionDurationStyle + ', ' + timings.transitionDuration + 's; ';
           }
-- 
cgit v1.2.3