fix(files): Reset context menu position on close

* Resolves #46934 Ensure that after a right-click the context menu position is resetted, so that pressing the "actions"-menu button it is displayed on the correct location. Signed-off-by: Ferdinand Thiessen <[email protected]>
nextcloud · Sep 11, 2024 · 0f153cc · 0f153cc
1 parent 674dad0
commit 0f153cc
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/apps/files/src/components/FileEntryMixin.ts b/apps/files/src/components/FileEntryMixin.ts
@@ -218,6 +218,23 @@ export default defineComponent({
 				this.resetState()
 			}
 		},
+
+		openedMenu() {
+			if (this.openedMenu === false) {
+				// TODO: This timeout can be removed once `close` event only triggers after the transition
+				// ref: https://github.com/nextcloud-libraries/nextcloud-vue/pull/6065
+				window.setTimeout(() => {
+					if (this.openedMenu) {
+						// was reopened while the animation run
+						return
+					}
+					// Reset any right menu position potentially set
+					const root = this.$el?.closest('main.app-content') as HTMLElement
+					root.style.removeProperty('--mouse-pos-x')
+					root.style.removeProperty('--mouse-pos-y')
+				}, 300)
+			}
+		},
 	},
 
 	beforeDestroy() {