fix: config provider around dropdown

elibosley · elibosley · commit 2300f9db0fef · 2025-03-24T15:44:53.000-04:00
diff --git a/unraid-ui/src/components/common/dropdown-menu/DropdownMenuContent.vue b/unraid-ui/src/components/common/dropdown-menu/DropdownMenuContent.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import useTeleport from '@/composables/useTeleport';
 import { cn } from '@/lib/utils';
+import { ConfigProvider } from 'radix-vue';
 import {
   DropdownMenuContent,
   DropdownMenuPortal,
@@ -29,20 +30,21 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <DropdownMenuPortal :to="teleportTarget as HTMLElement">
-    <DropdownMenuContent
-      v-bind="forwarded"
-      side="bottom"
-      :class="
-        cn(
-          'z-50 min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-          props.class
-        )
-      "
-    >
-      <div class="overflow-hidden">
-        <slot />
-      </div>
-    </DropdownMenuContent>
-  </DropdownMenuPortal>
+  <ConfigProvider :scroll-body="true">
+    <DropdownMenuPortal :to="teleportTarget as HTMLElement">
+      <DropdownMenuContent
+        v-bind="forwarded"
+        side="bottom"
+        :class="
+          cn(
+            'z-50 min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+            props.class
+          )
+        "
+      >
+        <div class="overflow-hidden">
+          <slot />
+        </div>
+      </DropdownMenuContent> </DropdownMenuPortal
+  ></ConfigProvider>
 </template>
