From dfae1d0a877e49df15571a9d3ca1e9be5750945c Mon Sep 17 00:00:00 2001
From: Jannik Stehle <j.stehle@opencloud.eu>
Date: Mon, 23 Jun 2025 11:41:08 +0200
Subject: [PATCH] fix: open with context menu initial state

---
 packages/web-app-files/src/components/Search/List.vue  |  4 ++--
 .../src/components/Shares/SharedWithMeSection.vue      |  4 ++--
 packages/web-app-files/src/views/Favorites.vue         |  4 ++--
 .../web-app-files/src/views/shares/SharedViaLink.vue   |  4 ++--
 .../src/views/shares/SharedWithOthers.vue              |  4 ++--
 .../web-app-files/src/views/spaces/GenericSpace.vue    |  4 ++--
 .../web-app-files/src/views/spaces/GenericTrash.vue    |  4 ++--
 .../ContextActions/ContextMenuQuickAction.vue          | 10 +++++++---
 .../web-pkg/src/components/FilesList/ResourceTable.vue |  4 ++--
 .../web-pkg/src/components/FilesList/ResourceTiles.vue |  4 ++--
 10 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/packages/web-app-files/src/components/Search/List.vue b/packages/web-app-files/src/components/Search/List.vue
index 0f519c252c..edd851475a 100644
--- a/packages/web-app-files/src/components/Search/List.vue
+++ b/packages/web-app-files/src/components/Search/List.vue
@@ -120,9 +120,9 @@
             />
             <!--eslint-enable-->
           </template>
-          <template #contextMenu="{ resource }">
+          <template #contextMenu="{ resource, isOpen }">
             <context-actions
-              v-if="isResourceInSelection(resource)"
+              v-if="isOpen && isResourceInSelection(resource)"
               :action-options="{ space: getMatchingSpace(resource), resources: selectedResources }"
             />
           </template>
diff --git a/packages/web-app-files/src/components/Shares/SharedWithMeSection.vue b/packages/web-app-files/src/components/Shares/SharedWithMeSection.vue
index f60d80c3cc..39ca138bff 100644
--- a/packages/web-app-files/src/components/Shares/SharedWithMeSection.vue
+++ b/packages/web-app-files/src/components/Shares/SharedWithMeSection.vue
@@ -61,9 +61,9 @@
           />
         </div>
       </template>
-      <template #contextMenu="{ resource }">
+      <template #contextMenu="{ resource, isOpen }">
         <context-actions
-          v-if="isResourceInSelection(resource)"
+          v-if="isOpen && isResourceInSelection(resource)"
           :action-options="{ space: getMatchingSpace(resource), resources: selectedResources }"
         />
       </template>
diff --git a/packages/web-app-files/src/views/Favorites.vue b/packages/web-app-files/src/views/Favorites.vue
index e085e0d3c7..9f15300ec9 100644
--- a/packages/web-app-files/src/views/Favorites.vue
+++ b/packages/web-app-files/src/views/Favorites.vue
@@ -33,9 +33,9 @@
           <template #quickActions="props">
             <quick-actions class="oc-visible@s" :item="props.resource" />
           </template>
-          <template #contextMenu="{ resource }">
+          <template #contextMenu="{ resource, isOpen }">
             <context-actions
-              v-if="isResourceInSelection(resource)"
+              v-if="isOpen && isResourceInSelection(resource)"
               :action-options="{ space: getMatchingSpace(resource), resources: selectedResources }"
             />
           </template>
diff --git a/packages/web-app-files/src/views/shares/SharedViaLink.vue b/packages/web-app-files/src/views/shares/SharedViaLink.vue
index df449499c1..75cba1ecfe 100644
--- a/packages/web-app-files/src/views/shares/SharedViaLink.vue
+++ b/packages/web-app-files/src/views/shares/SharedViaLink.vue
@@ -32,9 +32,9 @@
           @item-visible="loadPreview({ space: getMatchingSpace($event), resource: $event })"
           @sort="handleSort"
         >
-          <template #contextMenu="{ resource }">
+          <template #contextMenu="{ resource, isOpen }">
             <context-actions
-              v-if="isResourceInSelection(resource)"
+              v-if="isOpen && isResourceInSelection(resource)"
               :action-options="{ space: getMatchingSpace(resource), resources: selectedResources }"
             />
           </template>
diff --git a/packages/web-app-files/src/views/shares/SharedWithOthers.vue b/packages/web-app-files/src/views/shares/SharedWithOthers.vue
index 1599afd71d..3c77c01ba1 100644
--- a/packages/web-app-files/src/views/shares/SharedWithOthers.vue
+++ b/packages/web-app-files/src/views/shares/SharedWithOthers.vue
@@ -55,9 +55,9 @@
           @item-visible="loadPreview({ space: getMatchingSpace($event), resource: $event })"
           @sort="handleSort"
         >
-          <template #contextMenu="{ resource }">
+          <template #contextMenu="{ resource, isOpen }">
             <context-actions
-              v-if="isResourceInSelection(resource)"
+              v-if="isOpen && isResourceInSelection(resource)"
               :action-options="{ space: getMatchingSpace(resource), resources: selectedResources }"
             />
           </template>
diff --git a/packages/web-app-files/src/views/spaces/GenericSpace.vue b/packages/web-app-files/src/views/spaces/GenericSpace.vue
index 81d1089962..172bbfe7aa 100644
--- a/packages/web-app-files/src/views/spaces/GenericSpace.vue
+++ b/packages/web-app-files/src/views/spaces/GenericSpace.vue
@@ -76,9 +76,9 @@
               @item-visible="loadPreview({ space, resource: $event })"
               @sort="handleSort"
             >
-              <template #contextMenu="{ resource }">
+              <template #contextMenu="{ resource, isOpen }">
                 <context-actions
-                  v-if="isResourceInSelection(resource)"
+                  v-if="isOpen && isResourceInSelection(resource)"
                   :action-options="{ space, resources: selectedResources }"
                 />
               </template>
diff --git a/packages/web-app-files/src/views/spaces/GenericTrash.vue b/packages/web-app-files/src/views/spaces/GenericTrash.vue
index 93fdd07b7d..5d73294dba 100644
--- a/packages/web-app-files/src/views/spaces/GenericTrash.vue
+++ b/packages/web-app-files/src/views/spaces/GenericTrash.vue
@@ -36,9 +36,9 @@
           :has-actions="showActions"
           @sort="handleSort"
         >
-          <template #contextMenu="{ resource }">
+          <template #contextMenu="{ resource, isOpen }">
             <context-actions
-              v-if="isResourceInSelection(resource)"
+              v-if="isOpen && isResourceInSelection(resource)"
               :action-options="{ space, resources: selectedResources }"
             />
           </template>
diff --git a/packages/web-pkg/src/components/ContextActions/ContextMenuQuickAction.vue b/packages/web-pkg/src/components/ContextActions/ContextMenuQuickAction.vue
index 31a005ea9f..b533931907 100644
--- a/packages/web-pkg/src/components/ContextActions/ContextMenuQuickAction.vue
+++ b/packages/web-pkg/src/components/ContextActions/ContextMenuQuickAction.vue
@@ -21,14 +21,16 @@
       mode="click"
       padding-size="small"
       close-on-click
+      @show-drop="isOpen = true"
+      @hide-drop="isOpen = false"
     >
-      <slot name="contextMenu" :item="item" />
+      <slot name="contextMenu" :item="item" :is-open="isOpen" />
     </oc-drop>
   </oc-button>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
 import { extractDomSelector, Resource } from '@opencloud-eu/web-client'
 import { useGettext } from 'vue3-gettext'
 
@@ -49,9 +51,11 @@ export default defineComponent({
   setup() {
     const { $gettext } = useGettext()
     const contextMenuLabel = computed(() => $gettext('Show context menu'))
+    const isOpen = ref(false)
 
     return {
-      contextMenuLabel
+      contextMenuLabel,
+      isOpen
     }
   }
 })
diff --git a/packages/web-pkg/src/components/FilesList/ResourceTable.vue b/packages/web-pkg/src/components/FilesList/ResourceTable.vue
index ebf5964230..8510c32eca 100644
--- a/packages/web-pkg/src/components/FilesList/ResourceTable.vue
+++ b/packages/web-pkg/src/components/FilesList/ResourceTable.vue
@@ -247,8 +247,8 @@
           class="resource-table-btn-action-dropdown"
           @quick-action-clicked="showContextMenuOnBtnClick($event, item)"
         >
-          <template #contextMenu>
-            <slot name="contextMenu" :resource="item" />
+          <template #contextMenu="{ isOpen }">
+            <slot name="contextMenu" :resource="item" :is-open="isOpen" />
           </template>
         </context-menu-quick-action>
       </div>
diff --git a/packages/web-pkg/src/components/FilesList/ResourceTiles.vue b/packages/web-pkg/src/components/FilesList/ResourceTiles.vue
index 2e61930cfe..a7acd2a65c 100644
--- a/packages/web-pkg/src/components/FilesList/ResourceTiles.vue
+++ b/packages/web-pkg/src/components/FilesList/ResourceTiles.vue
@@ -107,8 +107,8 @@
               class="resource-tiles-btn-action-dropdown"
               @quick-action-clicked="showContextMenuOnBtnClick($event, resource, resource.id)"
             >
-              <template #contextMenu>
-                <slot name="contextMenu" :resource="resource" />
+              <template #contextMenu="{ isOpen }">
+                <slot name="contextMenu" :resource="resource" :is-open="isOpen" />
               </template>
             </context-menu-quick-action>
           </template>