From efb144a1710c5c192d40c51232ed2e5f44bf08e3 Mon Sep 17 00:00:00 2001
From: Nolan Ehrstrom <github@nolanpro.com>
Date: Wed, 5 Feb 2020 11:24:52 -0800
Subject: [PATCH 1/2] Determine number of times to loop from existing data

---
 src/components/renderer/form-loop.vue | 6 ++++++
 src/form-builder-controls.js          | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/renderer/form-loop.vue b/src/components/renderer/form-loop.vue
index 70444c0a3..32b1d7c2c 100644
--- a/src/components/renderer/form-loop.vue
+++ b/src/components/renderer/form-loop.vue
@@ -36,6 +36,12 @@ export default {
       }];
     },
     times() {
+      // If there is existing data, set the length to what ever it is
+      const itemsFromData = _.get(this.transientData, this.name, null);
+      if (Array.isArray(itemsFromData)) {
+        return [...itemsFromData.keys()];
+      }
+
       if (!this.config) {
         return [];
       }
diff --git a/src/form-builder-controls.js b/src/form-builder-controls.js
index 386802da5..7237085c1 100644
--- a/src/form-builder-controls.js
+++ b/src/form-builder-controls.js
@@ -371,8 +371,8 @@ export default [
           type: 'FormInput',
           field: 'times',
           config: {
-            label: 'Number of times',
-            helper: 'Enter the number of times to repeat the element(s)',
+            label: 'Default Number Of Times',
+            helper: 'Enter the number of times to repeat if the data does not exist.',
           },
         },
       ],

From 69855ca75f196eace1f9482c813d3692deac98a6 Mon Sep 17 00:00:00 2001
From: Nolan Ehrstrom <github@nolanpro.com>
Date: Wed, 5 Feb 2020 14:06:25 -0800
Subject: [PATCH 2/2] Wrap in a form tag to keep radio groups separate

---
 src/components/renderer/form-loop.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/renderer/form-loop.vue b/src/components/renderer/form-loop.vue
index 32b1d7c2c..12d48ead6 100644
--- a/src/components/renderer/form-loop.vue
+++ b/src/components/renderer/form-loop.vue
@@ -1,15 +1,17 @@
 <template>
   <div class="form-group">
     <div v-for="loopIndex in times" :key="loopIndex">
-      <vue-form-renderer
-        @submit="submit"
-        :data="getMatrixValue(loopIndex)"
-        @update="setMatrixValue(loopIndex, $event)"
-        :config="rendererConfig"
-        :computed="null"
-        :custom-css="null"
-        :watchers="null"
+      <form>
+        <vue-form-renderer
+          @submit="submit"
+          :data="getMatrixValue(loopIndex)"
+          @update="setMatrixValue(loopIndex, $event)"
+          :config="rendererConfig"
+          :computed="null"
+          :custom-css="null"
+          :watchers="null"
         />
+      </form>
     </div>
   </div>
 </template>