Use evalAsync instead of timeout

evalAsync runs after the digest and before the browser render. This will help avoid the jitter that happens in the initialization, when you see the browser rendering the select and then rendering the "chosen"
leocaseiro · Aug 28, 2016 · f6a07c9 · f6a07c9
1 parent 8b7e137
commit f6a07c9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/dist/angular-chosen.js b/dist/angular-chosen.js
@@ -75,7 +75,7 @@
               }
               return element.trigger('chosen:updated');
             } else {
-              $timeout(function() {
+              scope.$evalAsync(function() {
                 chosen = element.chosen(options).data('chosen');
               });
               if (angular.isObject(chosen)) {

diff --git a/dist/angular-chosen.min.js b/dist/angular-chosen.min.js
diff --git a/src/chosen.coffee b/src/chosen.coffee
@@ -82,7 +82,7 @@ angular.module('localytics.directives').directive 'chosen', ['$timeout', ($timeo
           return
         return element.trigger('chosen:updated')
       else
-        $timeout ->
+        scope.$evalAsync ->
          chosen = element.chosen(options).data('chosen')
          return
         if angular.isObject(chosen)