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>[] = [ + const modifiers: Modifier[] = [ 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, }))