fix: properies-changed-callback causing render block

Signed-off-by: Wouter Vroege <[email protected]>
woutervroege · Sep 2, 2020 · 13ce0c9 · 13ce0c9
1 parent 6edcb80
commit 13ce0c9
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/addons/properties-changed-callback-mixin.js b/src/addons/properties-changed-callback-mixin.js
@@ -7,13 +7,12 @@ export const PropertiesChangedCallback = (SuperClass) => class extends SuperClas
   }
 
   static __addChangedProperty(propName, oldValue) {
-    window.cancelAnimationFrame(this.__propertiesChangedCallbackDebouncer);
-    const changedProps = this.__changedProperties;
-    if(!changedProps.has(propName)) changedProps.set(propName, oldValue);
-    this.__propertiesChangedCallbackDebouncer = window.requestAnimationFrame(this.constructor.__invokeCallback.bind(this));
+    if(!this.__changedProperties.has(propName)) this.__changedProperties.set(propName, oldValue);
+    window.requestAnimationFrame(this.constructor.__invokeCallback.bind(this));
   }
 
   static __invokeCallback() {
+    if(this.__changedProperties.size === 0) return;
     const oldValues = {};
     const newValues = {};
     this.__changedProperties.forEach((oldValue, propName) => oldValues[propName] = oldValue);