Refactor: Replace BoxOptionsMixin with TeleportedMenuMixin across components for consistency

Author: cstns

frontend/src/components/DropdownMenu.vue

@@ -55,7 +55,7 @@ import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 import { ChevronDownIcon } from '@heroicons/vue/solid'
 import { ref } from 'vue'
 
-import BoxOptionsMixin from '../mixins/BoxOptionsMixin.js'
+import TeleportedMenuMixin from '../mixins/TeleportedMenuMixin.js'
 
 export default {
     name: 'DropdownMenu',
@@ -67,7 +67,7 @@ export default {
         MenuItem,
         ChevronDownIcon
     },
-    mixins: [BoxOptionsMixin],
+    mixins: [TeleportedMenuMixin],
     computed: {
         teleportedStyle () {
             return {

frontend/src/mixins/BoxOptionsMixin.js …ontend/src/mixins/TeleportedMenuMixin.jsfrontend/src/mixins/BoxOptionsMixin.js renamed to frontend/src/mixins/TeleportedMenuMixin.js frontend/src/mixins/BoxOptionsMixin.js renamed to frontend/src/mixins/TeleportedMenuMixin.js

@@ -44,7 +44,7 @@ import { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue'
 import { ChevronDownIcon } from '@heroicons/vue/solid'
 import { defineComponent } from 'vue'
 
-import BoxOptionsMixin from '../../mixins/BoxOptionsMixin.js'
+import TeleportedMenuMixin from '../../mixins/TeleportedMenuMixin.js'
 
 export default defineComponent({
     name: 'ff-popover',
@@ -54,7 +54,7 @@ export default defineComponent({
         PopoverButton,
         PopoverPanel
     },
-    mixins: [BoxOptionsMixin],
+    mixins: [TeleportedMenuMixin],
     props: {
         buttonText: {
             type: String,

frontend/src/ui-components/components/Popover.vue

@@ -83,7 +83,7 @@ import {
 } from '@headlessui/vue'
 import { ChevronDownIcon } from '@heroicons/vue/solid'
 
-import BoxOptionsMixin from '../../../mixins/BoxOptionsMixin.js'
+import TeleportedMenuMixin from '../../../mixins/TeleportedMenuMixin.js'
 import { debounce } from '../../../utils/eventHandling.js'
 
 export default {
@@ -96,7 +96,7 @@ export default {
         ComboboxOption,
         ChevronDownIcon
     },
-    mixins: [BoxOptionsMixin],
+    mixins: [TeleportedMenuMixin],
     props: {
         modelValue: {
             required: false,

frontend/src/ui-components/components/form/ComboBox.vue

@@ -78,7 +78,7 @@ import {
 } from '@headlessui/vue'
 import { ChevronDownIcon } from '@heroicons/vue/solid'
 
-import BoxOptionsMixin from '../../../mixins/BoxOptionsMixin.js'
+import TeleportedMenuMixin from '../../../mixins/TeleportedMenuMixin.js'
 
 export default {
     name: 'ff-listbox',
@@ -89,7 +89,7 @@ export default {
         ListboxOption,
         ListboxOptions
     },
-    mixins: [BoxOptionsMixin],
+    mixins: [TeleportedMenuMixin],
     props: {
         modelValue: {
             required: false,