From 4f16dc4c5d7775c9171fdbe869d233261f580889 Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Tue, 28 Jan 2025 13:26:01 +0100
Subject: [PATCH] Update dropdown size and position

---
 gdn-app/src/components/NavbarDropdown.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/gdn-app/src/components/NavbarDropdown.vue b/gdn-app/src/components/NavbarDropdown.vue
index 8388e5d..946247a 100644
--- a/gdn-app/src/components/NavbarDropdown.vue
+++ b/gdn-app/src/components/NavbarDropdown.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useReposStore } from "@/stores/repos";
-import { offset, size, useFloating } from "@floating-ui/vue";
+import { autoUpdate, offset, size, useFloating } from "@floating-ui/vue";
 import {
   RiAddLine,
   RiArrowDropDownLine,
@@ -17,6 +17,7 @@ const open = ref(false);
 const reference = useTemplateRef("reference");
 const floating = useTemplateRef("floating");
 const { floatingStyles } = useFloating(reference, floating, {
+  whileElementsMounted: autoUpdate,
   placement: "bottom-start",
   middleware: [
     offset(4),
@@ -73,6 +74,7 @@ function onSelectRepo(id: string) {
     v-if="open"
     ref="floating"
     class="absolute left-0 top-0 w-fit min-w-48 overflow-auto rounded-md bg-neutral-800 font-light"
+    style="scrollbar-gutter: stable"
     :style="floatingStyles"
   >
     <NavbarDropdownEntry