fix: detect visibility:hidden in addition to display:none for hidden state

Author: People-Sea

dist/filepond.esm.js

@@ -833,7 +833,7 @@ const updateRect = (rect = {}, element = {}, style = {}) => {
 
     rect.scrollTop = element.scrollTop;
 
-    rect.hidden = element.offsetParent === null;
+    rect.hidden = element.offsetParent === null || style.visibility === 'hidden';
 
     return rect;
 };
@@ -8734,7 +8734,11 @@ const createApp = (initialOptions = {}) => {
 
             if (isHidden && isResting) {
                 // test if is no longer hidden
-                isResting = view.element.offsetParent === null;
+                // check both display:none (offsetParent) and visibility:hidden
+                const el = view.element;
+                const isStillHidden =
+                    el.offsetParent === null || getComputedStyle(el).visibility === 'hidden';
+                isResting = isStillHidden;
             }
 
             // if resting, no need to read as numbers will still all be correct

dist/filepond.esm.min.js

@@ -950,7 +950,7 @@
 
         rect.scrollTop = element.scrollTop;
 
-        rect.hidden = element.offsetParent === null;
+        rect.hidden = element.offsetParent === null || style.visibility === 'hidden';
 
         return rect;
     };
@@ -11605,7 +11605,11 @@
 
                 if (isHidden && isResting) {
                     // test if is no longer hidden
-                    isResting = view.element.offsetParent === null;
+                    // check both display:none (offsetParent) and visibility:hidden
+                    var el = view.element;
+                    var isStillHidden =
+                        el.offsetParent === null || getComputedStyle(el).visibility === 'hidden';
+                    isResting = isStillHidden;
                 }
 
                 // if resting, no need to read as numbers will still all be correct

dist/filepond.js

@@ -19,7 +19,7 @@ export const updateRect = (rect = {}, element = {}, style = {}) => {
 
     rect.scrollTop = element.scrollTop;
 
-    rect.hidden = element.offsetParent === null;
+    rect.hidden = element.offsetParent === null || style.visibility === 'hidden';
 
     return rect;
 };

dist/filepond.min.js

@@ -112,7 +112,11 @@ export const createApp = (initialOptions = {}) => {
 
             if (isHidden && isResting) {
                 // test if is no longer hidden
-                isResting = view.element.offsetParent === null;
+                // check both display:none (offsetParent) and visibility:hidden
+                const el = view.element;
+                const isStillHidden = el.offsetParent === null || 
+                    getComputedStyle(el).visibility === 'hidden';
+                isResting = isStillHidden;
             }
 
             // if resting, no need to read as numbers will still all be correct