Adds preventDefault to Add property onClick

LD4P · Aug 7, 2020 · 97404c8 · 97404c8
1 parent be57c3a
commit 97404c8
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/editor/property/NestedResourceActionButtons.jsx b/src/components/editor/property/NestedResourceActionButtons.jsx
@@ -24,12 +24,17 @@ const NestedResourceActionButtons = (props) => {
 
   const trashIcon = faTrashAlt
 
+  const addAnother = (event) => {
+    event.preventDefault()
+    return props.addSiblingValueSubject(_.last(siblingValues).key, resourceEditErrorKey(props.resourceKey))
+  }
+
   return (<div className="btn-group pull-right" role="group">
     { showAddButton
       && <button
           className="btn btn-sm btn-add-property btn-add-another"
           aria-label={`Add another ${props.value.valueSubject.subjectTemplate.label}`}
-          onClick={() => props.addSiblingValueSubject(_.last(siblingValues).key, resourceEditErrorKey(props.resourceKey))}>+ Add another</button>
+          onClick={addAnother}>+ Add another</button>
     }
     { showRemoveButton
       && <button