fix: only render cell modals on demand

packages/nc-gui/components/virtual-cell/BelongsTo.vue

@@ -113,7 +113,12 @@ const belongsToColumn = computed(
       />
     </div>
 
-    <LazyVirtualCellComponentsListItems v-model="listItemsDlg" :column="belongsToColumn" @attach-record="listItemsDlg = true" />
+    <LazyVirtualCellComponentsListItems
+      v-if="listItemsDlg"
+      v-model="listItemsDlg"
+      :column="belongsToColumn"
+      @attach-record="listItemsDlg = true"
+    />
   </div>
 </template>
 

packages/nc-gui/components/virtual-cell/HasMany.vue

@@ -136,9 +136,10 @@ useSelectedCellKeyupListener(inject(ActiveCellInj, ref(false)), (e: KeyboardEven
       />
     </div>
 
-    <LazyVirtualCellComponentsListItems v-model="listItemsDlg" :column="hasManyColumn" />
+    <LazyVirtualCellComponentsListItems v-if="listItemsDlg" v-model="listItemsDlg" :column="hasManyColumn" />
 
     <LazyVirtualCellComponentsListChildItems
+      v-if="childListDlg"
       v-model="childListDlg"
       :cell-value="localCellValue"
       :column="hasManyColumn"

packages/nc-gui/components/virtual-cell/Links.vue

@@ -117,9 +117,10 @@ const localCellValue = computed<any[]>(() => {
       />
     </div>
 
-    <LazyVirtualCellComponentsListItems v-model="listItemsDlg" :column="relatedTableDisplayColumn" />
+    <LazyVirtualCellComponentsListItems v-if="listItemsDlg" v-model="listItemsDlg" :column="relatedTableDisplayColumn" />
 
     <LazyVirtualCellComponentsListChildItems
+      v-if="childListDlg"
       v-model="childListDlg"
       :column="relatedTableDisplayColumn"
       :cell-value="localCellValue"

packages/nc-gui/components/virtual-cell/ManyToMany.vue

@@ -138,9 +138,10 @@ const m2mColumn = computed(
       />
     </div>
 
-    <LazyVirtualCellComponentsListItems v-model="listItemsDlg" :column="m2mColumn" />
+    <LazyVirtualCellComponentsListItems v-if="listItemsDlg" v-model="listItemsDlg" :column="m2mColumn" />
 
     <LazyVirtualCellComponentsListChildItems
+      v-if="childListDlg"
       v-model="childListDlg"
       :cell-value="localCellValue"
       :column="m2mColumn"