fix issue #18

Author: andriiPalko

resources/js/components/NestedFormAdd.vue

@@ -30,7 +30,9 @@ export default {
      * Add a new child.
      */
     addChild() {
-      this.field.children.push(this.replaceIndexesInSchema(this.field))
+      const maxKey = this.field.children[this.field.children.length - 1].key || Math.max.apply(Math, this.field.children.map(({ id }) => id));
+      this.field.schema.key = maxKey + 1;
+      this.field.children.push(this.replaceIndexesInSchema(this.field));
     },
 
     /**

resources/js/components/NestedFormField.vue

@@ -4,7 +4,7 @@
       <template v-if="field.children.length > 0">
         <card
           :class="{ 'overflow-hidden': field.panel && !index }"
-          :key="childIndex"
+          :key="child.id || child.key"
           v-for="(child, childIndex) in field.children"
         >
           <nested-form-header