fix(dropdown): use $animate for adding and removing classes

Closes #1644
angular-ui · Feb 8, 2014 · e8d5fef · e8d5fef
1 parent 0daa7a7
commit e8d5fef
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/dropdown/dropdown.js b/src/dropdown/dropdown.js
@@ -41,7 +41,7 @@ angular.module('ui.bootstrap.dropdown', [])
   };
 }])
 
-.controller('DropdownController', ['$scope', '$attrs', 'dropdownConfig', 'dropdownService', function($scope, $attrs, dropdownConfig, dropdownService) {
+.controller('DropdownController', ['$scope', '$attrs', 'dropdownConfig', 'dropdownService', '$animate', function($scope, $attrs, dropdownConfig, dropdownService, $animate) {
   var self = this, openClass = dropdownConfig.openClass;
 
   this.init = function( element ) {
@@ -59,7 +59,7 @@ angular.module('ui.bootstrap.dropdown', [])
   };
 
   $scope.$watch('isOpen', function( value ) {
-    self.$element.toggleClass( openClass, value );
+    $animate[value ? 'addClass' : 'removeClass'](self.$element, openClass);
 
     if ( value ) {
       dropdownService.open( $scope );