Merge pull request #622 from code16/fix-popover-overflow

Fix date popover is overflowing viewport

Author: aguingand

package-lock.json

@@ -76,7 +76,7 @@
     "lucide-vue-next": "^0.511.0",
     "nprogress": "^0.2.0",
     "qs": "^6.6.0",
-    "reka-ui": "^2.2.1",
+    "reka-ui": "^2.5.0",
     "sortablejs": "^1.15.2",
     "tailwind-merge": "^3.3.0",
     "text-clipper": "^1.3.0",

package.json

@@ -207,9 +207,10 @@ function onMinuteChange(minute: string) {
         </FormFieldLayout>
 
         <PopoverContent
-            class="flex p-0 w-auto overflow-hidden"
+            class="flex p-0 w-auto overflow-auto max-w-[var(--reka-popover-content-available-width)]"
             @open-auto-focus.prevent
-            :avoid-collisions="false"
+            avoid-collisions
+            :side-flip="false"
             align="start"
         >
             <template v-if="props.field.hasDate">