diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2a.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2a.vue
index 4daebd9c3d..16ac2dc536 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2a.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2a.vue
@@ -184,7 +184,7 @@
-
+
@@ -364,12 +364,12 @@ export default defineComponent({
}
&:nth-of-type(2) {
- bottom: 161px;
+ top: 190px;
left: 67.4%;
}
&:last-of-type {
- bottom: 89px;
+ top: 261px;
left: 67.4%;
}
}
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
index e9eea4280a..2f7b0c5b67 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
@@ -193,7 +193,7 @@
:placeholder="$t('primary_key') + '...'"
/>
-
+
@@ -458,12 +458,12 @@ export default defineComponent({
pointer-events: none;
&:first-of-type {
- bottom: 161px;
+ top: 117px;
left: 32.5%;
}
&:last-of-type {
- bottom: 89px;
+ top: 190px;
left: 67.4%;
}
}
diff --git a/app/src/modules/settings/routes/data-model/field-detail/store.ts b/app/src/modules/settings/routes/data-model/field-detail/store.ts
index 01f5cfa698..72d43ce602 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/store.ts
+++ b/app/src/modules/settings/routes/data-model/field-detail/store.ts
@@ -64,7 +64,7 @@ function initLocalStore(collection: string, field: string, type: typeof localTyp
updateFields: [],
newRows: {},
- autoFillJunctionRelation: true,
+ autoFillJunctionRelation: false,
});
availableInterfaces = computed(() => {
@@ -126,6 +126,8 @@ function initLocalStore(collection: string, field: string, type: typeof localTyp
state.relations = relationsStore.getRelationsForField(collection, field);
} else {
+ state.autoFillJunctionRelation = true;
+
watch(
() => availableInterfaces.value,
() => {