fix issue where FilePond internal event mechanism would be in slowmot…

…ion mode when running in an inactive tab because of `setTimeout` use.

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 4.13.4
+
+- Fix issue where FilePond internal event mechanism would be in slowmotion mode when running in an inactive tab because of `setTimeout` use.
+
+
 ## 4.13.3
 
 - Fix issue where FilePond would excessivly pause in between processing files while running in an inactive tab.

dist/filepond.css

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.13.3
+ * FilePond 4.13.4
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */

dist/filepond.esm.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.13.3
+ * FilePond 4.13.4
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -1659,6 +1659,14 @@ const getUniqueId = () =>
 
 const arrayRemove = (arr, index) => arr.splice(index, 1);
 
+const fire = cb => {
+  if (document.hidden) {
+    Promise.resolve(1).then(cb);
+  } else {
+    setTimeout(cb, 0);
+  }
+};
+
 const on = () => {
   const listeners = [];
   const off = (event, cb) => {
@@ -1674,11 +1682,7 @@ const on = () => {
       listeners
         .filter(listener => listener.event === event)
         .map(listener => listener.cb)
-        .forEach(cb => {
-          setTimeout(() => {
-            cb(...args);
-          }, 0);
-        });
+        .forEach(cb => fire(() => cb(...args)));
     },
     on: (event, cb) => {
       listeners.push({ event, cb });

dist/filepond.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.13.3
+ * FilePond 4.13.4
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -1951,6 +1951,14 @@
     return arr.splice(index, 1);
   };
 
+  var _fire = function fire(cb) {
+    if (document.hidden) {
+      Promise.resolve(1).then(cb);
+    } else {
+      setTimeout(cb, 0);
+    }
+  };
+
   var on = function on() {
     var listeners = [];
     var off = function off(event, cb) {
@@ -1980,9 +1988,9 @@
             return listener.cb;
           })
           .forEach(function(cb) {
-            setTimeout(function() {
-              cb.apply(void 0, args);
-            }, 0);
+            return _fire(function() {
+              return cb.apply(void 0, args);
+            });
           });
       },
       on: function on(event, cb) {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "filepond",
-    "version": "4.13.3",
+    "version": "4.13.4",
     "description": "FilePond, Where files go to stretch their bits.",
     "license": "MIT",
     "author": {

src/js/app/utils/on.js

@@ -1,5 +1,14 @@
 import { arrayRemove } from '../../utils/arrayRemove';
 
+const fire = (cb) => {
+    if (document.hidden) {
+        Promise.resolve(1).then(cb);
+    }
+    else {
+        setTimeout(cb, 0);
+    }
+}
+
 export const on = () => {
     const listeners = [];
     const off = (event, cb) => {
@@ -15,11 +24,7 @@ export const on = () => {
                 listeners
                     .filter(listener => listener.event === event)
                     .map(listener => listener.cb)
-                    .forEach(cb => {
-                        setTimeout(() => {
-                            cb(...args);
-                        }, 0);
-                    });
+                    .forEach(cb => fire(() => cb(...args)));
         },
         on: (event, cb) => {
             listeners.push({ event, cb });