fix field disabled attribute stuck

Author: rikschennink

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 4.31.3
+
+-   Fix issue where hidden input fields in `filepond--data` fieldset would stay disabled after enabling FilePond. #1001
+
 ## 4.31.2
 
 -   Remove `aria-hidden` from drop label as suggested by Lighthouse.

dist/filepond.css

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.31.2
+ * FilePond 4.31.3
  * 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.31.2
+ * FilePond 4.31.3
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -7149,7 +7149,6 @@ const didAddItem = ({ root, action }) => {
     const dataContainer = createElement$1('input');
     dataContainer.type = shouldUseFileInput ? 'file' : 'hidden';
     dataContainer.name = root.query('GET_NAME');
-    dataContainer.disabled = root.query('GET_DISABLED');
     root.ref.fields[action.id] = dataContainer;
     syncFieldPositionsWithItems(root);
 };

dist/filepond.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.31.2
+ * FilePond 4.31.3
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */
@@ -9832,7 +9832,6 @@
         var dataContainer = createElement$1('input');
         dataContainer.type = shouldUseFileInput ? 'file' : 'hidden';
         dataContainer.name = root.query('GET_NAME');
-        dataContainer.disabled = root.query('GET_DISABLED');
         root.ref.fields[action.id] = dataContainer;
         syncFieldPositionsWithItems(root);
     };

dist/filepond.js

@@ -25,18 +25,41 @@
 
         <script src="./dist/filepond.js"></script>
 
+        <button type="button" id="disable">Disable</button>
+        <button type="button" id="enable">Enable</button>
+
         <script>
             // Get a reference to the file input element
             const inputElement = document.querySelector('input[type="file"]');
 
             // Create the FilePond instance
             const pond = FilePond.create(inputElement, {
                 allowMultiple: true,
-                allowReorder: true,
+                server: {
+                    load: 'https://i.imgur.com/',
+                },
+                files: [
+                    {
+                        source: 'rBkbXS3.jpeg',
+                        options: {
+                            type: 'local',
+                        },
+                    },
+                ],
+                storeAsFile: true,
+                disabled: true,
             });
 
             // Easy console access for testing purposes
             window.pond = pond;
+
+            document.querySelector('#disable').onclick = function() {
+                pond.setOptions({ disabled: true });
+            };
+
+            document.querySelector('#enable').onclick = function() {
+                pond.setOptions({ disabled: false });
+            };
         </script>
     </body>
 </html>

dist/filepond.min.css

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

dist/filepond.min.js

@@ -23,7 +23,6 @@ const didAddItem = ({ root, action }) => {
     const dataContainer = createElement('input');
     dataContainer.type = shouldUseFileInput ? 'file' : 'hidden';
     dataContainer.name = root.query('GET_NAME');
-    dataContainer.disabled = root.query('GET_DISABLED');
     root.ref.fields[action.id] = dataContainer;
     syncFieldPositionsWithItems(root);
 };