Как изменить контейнер Popperjs во Vuejs?

Question

У меня проблемы с popperjs в vue. У меня много компонентов, которые использовал poopperjs. Но иногда у меня возникает ошибка переполнения. Скриншот ошибки Ovedrflow

<template lang="pug">
  .action-popper
    button.action-popper__button( :class="{'active': isOpen}" ref="openPopper" @click="isOpen ? close() : open()")
      icon(icon="dots" width="18px" height="4px")

    .action-popper__dropdown(ref="dropdown" v-show="isOpen")
      .action-popper__wrap
        .action-popper__stab
          button.action-popper__btn(v-for="action in actions" :class="'action-popper__btn_'+action.class" @click="clickEvent(action.callback)") {{ action.title }}

</template>
<script>
import { createPopper } from "@popperjs/core";

export default {
  name: "action-popper",
  data() {
    return {
      isOpen: false,
      popper: false,
    };
  },
  props: {
    actions: {
      type: Array,
      required: true,
    },
  },

  mounted() {
    this.popper = createPopper(this.$refs.openPopper, this.$refs.dropdown, {
      placement: "bottom-start",
      modifiers: [
        {
          name: "offset",
          options: {
            offset: [0, 20],
          },
        },
      ],
    });
  },
}

Как я могу перенести раскрывающийся контейнер перед конечным тегом тела, как в подсказке?