fix: don't accidentally perform array list add/remove RJSF actions

By setting form buttons as `type=button` explicitly
AstroPlant · Feb 19, 2024 · 94a6934 · 94a6934
1 parent 0c11127
commit 94a6934
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/rjsf-theme/templates/ButtonTemplates/index.tsx b/src/rjsf-theme/templates/ButtonTemplates/index.tsx
@@ -33,6 +33,7 @@ function buttonTemplates<
       /* a bit hacky to specify the style here */
       <Button
         {...props}
+        type="button"
         size="small"
         variant="muted"
         style={{ float: "right", marginRight: "1.2rem" }}
@@ -41,22 +42,22 @@ function buttonTemplates<
       </Button>
     ),
     CopyButton: ({ uiSchema, registry, ...props }) => (
-      <Button {...props} leftAdornment="+">
+      <Button {...props} type="button" leftAdornment="+">
         Add
       </Button>
     ),
     MoveDownButton: ({ uiSchema, registry, ...props }) => (
-      <Button {...props} size="small" variant="muted">
+      <Button {...props} type="button" size="small" variant="muted">
         <Icon name="arrow down" />
       </Button>
     ),
     MoveUpButton: ({ uiSchema, registry, ...props }) => (
-      <Button {...props} size="small" variant="muted">
+      <Button {...props} type="button" size="small" variant="muted">
         <Icon name="arrow up" />
       </Button>
     ),
     RemoveButton: ({ uiSchema, registry, ...props }) => (
-      <Button {...props} size="small" variant="muted">
+      <Button {...props} type="button" size="small" variant="muted">
         <Icon name="delete" />
       </Button>
     ),