feat(layout): On form field error, scroll to top of form

ref: #26 #27 nofusscomputing/centurion_erp#248 nofusscomputing/centurion_erp#388
nofusscomputing · Nov 11, 2024 · 4159b2d · 4159b2d
1 parent 30108ab
commit 4159b2d
Showing 1 changed file with 30 additions and 9 deletions.
diff --git a/src/layout/ModelForm.jsx b/src/layout/ModelForm.jsx
@@ -132,6 +132,10 @@ const ModelForm = ({
 
                         navigate(url_builder.return_url)
 
+                    } else {
+
+                        window.scrollTo(0, 0)
+
                     }
                 }}>
                     { metadata && params.action == 'delete' && 
@@ -221,15 +225,32 @@ const ModelForm = ({
 
                                 default:
 
-                                    return (<TextField
-                                        id = {field_key}
-                                        label = {metadata.fields[field_key].label}
-                                        helptext   = {metadata.fields[field_key].help_text}
-                                        error_text = {form_error && form_error[field_key]}
-                                        required   = {metadata.fields[field_key].required}
-                                        value={value}
-                                        onChange={handleChange}
-                                    />)
+                                    if( 'multi_line' in metadata.fields[field_key] ) {
+
+
+                                        return (<TextArea
+                                            id = {field_key}
+                                            label = {metadata.fields[field_key].label}
+                                            helptext   = {metadata.fields[field_key].help_text}
+                                            error_text = {form_error && form_error[field_key]}
+                                            required   = {metadata.fields[field_key].required}
+                                            value={value}
+                                            onChange={handleChange}
+                                        />)
+
+                                    } else {
+
+                                        return (<TextField
+                                            id = {field_key}
+                                            label = {metadata.fields[field_key].label}
+                                            helptext   = {metadata.fields[field_key].help_text}
+                                            error_text = {form_error && form_error[field_key]}
+                                            required   = {metadata.fields[field_key].required}
+                                            value={value}
+                                            onChange={handleChange}
+                                        />)
+
+                                    }
                             }