Flip FileExplorerContextMenu if not enough space (#71)

Author: hejtful

.changeset/shy-beds-hunt.md

@@ -0,0 +1,5 @@
+---
+"@knime/components": patch
+---
+
+Flip FileExplorerContextMenu if it doesn't have enough space in the desired position

packages/components/src/components/FileExplorer/components/FileExplorerContextMenu.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, ref, toRefs, watch } from "vue";
 import { onClickOutside } from "@vueuse/core";
-import { autoUpdate, offset, useFloating } from "@floating-ui/vue";
+import { autoUpdate, flip, offset, useFloating } from "@floating-ui/vue";
 
 import MenuItems from "../../base/MenuItem/MenuItems.vue";
 import type { MenuItem as BaseMenuItem } from "../../types";
@@ -71,6 +71,7 @@ const offsetY = computed(() => {
 
 const middleware = computed(() => [
   offset({ mainAxis: offsetY.value, crossAxis: offsetX.value }),
+  flip(),
 ]);
 
 const { floatingStyles, update: updateFloating } = useFloating(