Execute the handler for manual resize in a debounced timeout

tinydesk · Jun 29, 2016 · 4632527 · 4632527
1 parent 244d40f
commit 4632527
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/dist/tileview.js b/dist/tileview.js
@@ -114,7 +114,14 @@
                         lastScrollPosition = Number.NEGATIVE_INFINITY;
                         layout(true);
                     });
-                    scope.$on('td.tileview.resize', resize);
+                    var resizeTimeout;
+                    scope.$on('td.tileview.resize', function () {
+                        // this might be called within a $digest
+                        if (resizeTimeout) {
+                            $timeout.cancel(resizeTimeout);
+                        }
+                        resizeTimeout = $timeout(resize, 50, false);
+                    });
                     angular.element($window).on('resize', onResize);
                     scope.$on('$destroy', function () {
                         angular.element($window).off('resize', onResize);

diff --git a/src/tileview.ts b/src/tileview.ts
@@ -129,7 +129,15 @@ declare const angular: any;
           lastScrollPosition = Number.NEGATIVE_INFINITY;
           layout(true);
         });
-        scope.$on('td.tileview.resize', resize);
+
+        let resizeTimeout;
+        scope.$on('td.tileview.resize', () => {
+          // this might be called within a $digest
+          if (resizeTimeout) {
+            $timeout.cancel(resizeTimeout);
+          }
+          resizeTimeout = $timeout(resize, 50, false);
+        });
 
         angular.element($window).on('resize', onResize);