YDA-5848: fix 'metadata-form clears on pressing Enter' issue

Setting the state of formContext in onChange event of metadata-form prevents resetting form fields on pressing 'Enter'.
UtrechtUniversity · Aug 16, 2024 · 8def5c3 · 8def5c3
1 parent 441eafa
commit 8def5c3
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/research/metadata-form/src/index.js b/research/metadata-form/src/index.js
@@ -462,6 +462,16 @@ class YodaForm extends React.Component {
     }
 
     onChange(form) {
+        // Turn save mode off.
+        saving = false;
+        const formContext = { saving: false };
+
+        this.setState({
+            formData: form.formData,
+            formContext: formContext
+        });
+
+        // Update form completeness bar
         updateCompleteness();
     }
 

diff --git a/research/static/research/js/metadata-form.js b/research/static/research/js/metadata-form.js
diff --git a/vault/metadata-form/src/index.js b/vault/metadata-form/src/index.js
@@ -463,6 +463,16 @@ class YodaForm extends React.Component {
     }
 
     onChange(form) {
+        // Turn save mode off.
+        saving = false;
+        const formContext = { saving: false };
+
+        this.setState({
+            formData: form.formData,
+            formContext: formContext
+        });
+
+        // Update form completeness bar
         updateCompleteness();
     }
 

diff --git a/vault/static/vault/js/metadata-form.js b/vault/static/vault/js/metadata-form.js