From f555eb80db05c9bca2023fe07c2095e3928c5666 Mon Sep 17 00:00:00 2001
From: Nicola Krumschmidt <nicola.krumschmidt@freenet.de>
Date: Tue, 28 Sep 2021 16:04:22 +0200
Subject: [PATCH] Fix popper modifier validation error (#8382)

---
 app/src/components/v-menu/use-popper.ts | 15 +++++++--------
 app/src/components/v-menu/v-menu.vue    |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/src/components/v-menu/use-popper.ts b/app/src/components/v-menu/use-popper.ts
index 8fede4e67f..6320897f58 100644
--- a/app/src/components/v-menu/use-popper.ts
+++ b/app/src/components/v-menu/use-popper.ts
@@ -67,7 +67,7 @@ export function usePopper(
 	}
 
 	function getModifiers(callback: (value?: unknown) => void = () => undefined) {
-		const modifiers: Partial<Modifier<string, any>>[] = [
+		const modifiers: Modifier<string, any>[] = [
 			popperOffsets,
 			{
 				...offset,
@@ -81,12 +81,6 @@ export function usePopper(
 					padding: 8,
 				},
 			},
-			{
-				name: 'arrow',
-				options: {
-					padding: 6,
-				},
-			},
 			computeStyles,
 			flip,
 			eventListeners,
@@ -111,7 +105,12 @@ export function usePopper(
 		];
 
 		if (options.value.arrow === true) {
-			modifiers.push(arrow);
+			modifiers.push({
+				...arrow,
+				options: {
+					padding: 6,
+				},
+			});
 		}
 
 		if (options.value.attached === true) {
diff --git a/app/src/components/v-menu/v-menu.vue b/app/src/components/v-menu/v-menu.vue
index 21499158ec..d40b26a7a9 100644
--- a/app/src/components/v-menu/v-menu.vue
+++ b/app/src/components/v-menu/v-menu.vue
@@ -135,7 +135,7 @@ export default defineComponent({
 			reference,
 			popper,
 			computed(() => ({
-				placement: props.placement as Placement,
+				placement: props.placement,
 				attached: props.attached,
 				arrow: props.showArrow,
 			}))