diff --git a/app/javascript/template_builder/area.vue b/app/javascript/template_builder/area.vue
index 61b1a200..f2390a73 100644
--- a/app/javascript/template_builder/area.vue
+++ b/app/javascript/template_builder/area.vue
@@ -70,7 +70,7 @@
@keydown.enter.prevent="onNameEnter"
@focus="onNameFocus"
@blur="onNameBlur"
- >{{ optionIndexText }} {{ (defaultField ? (field.title || field.name) : field.name) || defaultName }}
+ >{{ optionIndexText }} {{ (defaultField ? (defaultField.title || field.title || field.name) : field.name) || defaultName }}
15
},
+ defaultFieldsIndex () {
+ return this.defaultFields.reduce((acc, field) => {
+ acc[field.name] = field
+
+ return acc
+ }, {})
+ },
fieldIconsSorted () {
if (this.fieldTypes.length) {
return this.fieldTypes.reduce((acc, type) => {
diff --git a/app/javascript/template_builder/page.vue b/app/javascript/template_builder/page.vue
index bd5e22f9..bd9f20dc 100644
--- a/app/javascript/template_builder/page.vue
+++ b/app/javascript/template_builder/page.vue
@@ -25,7 +25,7 @@
:field="item.field"
:editable="editable"
:with-field-placeholder="withFieldPlaceholder"
- :default-field="defaultFields.find((f) => f.name === item.field.name)"
+ :default-field="defaultFieldsIndex[item.field.name]"
:default-submitters="defaultSubmitters"
:max-page="totalPages - 1"
@start-resize="resizeDirection = $event"
@@ -142,6 +142,13 @@ export default {
}
},
computed: {
+ defaultFieldsIndex () {
+ return this.defaultFields.reduce((acc, field) => {
+ acc[field.name] = field
+
+ return acc
+ }, {})
+ },
defaultFieldType () {
if (this.drawFieldType) {
return this.drawFieldType