From 8c7225876c68ead1c48280ab52a0d6d814604b6c Mon Sep 17 00:00:00 2001
From: dimmur-brw <przemyslaw+gh@baserow.io>
Date: Fri, 13 Feb 2026 17:12:12 +0100
Subject: [PATCH] Fix file preview not opening when clicking files in formula
 fields (#4754)

---
 .../fields/FunctionalGridViewFieldArray.vue   | 26 ++-----------------
 .../view/grid/fields/GridViewFieldArray.vue   |  4 +--
 2 files changed, 4 insertions(+), 26 deletions(-)

diff --git a/web-frontend/modules/database/components/view/grid/fields/FunctionalGridViewFieldArray.vue b/web-frontend/modules/database/components/view/grid/fields/FunctionalGridViewFieldArray.vue
index a3313b1d02..53884d70d3 100644
--- a/web-frontend/modules/database/components/view/grid/fields/FunctionalGridViewFieldArray.vue
+++ b/web-frontend/modules/database/components/view/grid/fields/FunctionalGridViewFieldArray.vue
@@ -5,16 +5,12 @@
     :value="value"
     :row="row"
     :selected="selected"
-    v-bind="containerAttrs"
-    v-on="listenerAttrs"
+    v-bind="$attrs"
   >
     <div
       v-if="shouldFetchRow"
       class="array-field__item"
-      :class="[
-        containerAttrs.class,
-        isFetchingRow ? 'array-field__item--loading' : '',
-      ]"
+      :class="[$attrs.class, isFetchingRow ? 'array-field__item--loading' : '']"
     >
       <div v-if="isFetchingRow" class="loading"></div>
       <span v-else>...</span>
@@ -50,24 +46,6 @@ export default {
     },
   },
   computed: {
-    containerAttrs() {
-      const attrs = {}
-      Object.keys(this.$attrs).forEach((key) => {
-        if (!key.startsWith('on')) {
-          attrs[key] = this.$attrs[key]
-        }
-      })
-      return attrs
-    },
-    listenerAttrs() {
-      const attrs = {}
-      Object.keys(this.$attrs).forEach((key) => {
-        if (key.startsWith('on')) {
-          attrs[key] = this.$attrs[key]
-        }
-      })
-      return attrs
-    },
     shouldFetchRow() {
       return (
         this.value?.length === LINKED_ITEMS_DEFAULT_LOAD_COUNT &&
diff --git a/web-frontend/modules/database/components/view/grid/fields/GridViewFieldArray.vue b/web-frontend/modules/database/components/view/grid/fields/GridViewFieldArray.vue
index 7dbf22d570..9f094744b7 100644
--- a/web-frontend/modules/database/components/view/grid/fields/GridViewFieldArray.vue
+++ b/web-frontend/modules/database/components/view/grid/fields/GridViewFieldArray.vue
@@ -53,8 +53,8 @@ export default {
     },
   },
   methods: {
-    showModal() {
-      this.$refs.modal?.show()
+    showModal(index) {
+      this.$refs.modal?.show(index)
     },
     canSelectNext() {
       return !this.needsModal || !this.$refs.modal.open