From d13e4327445bee5d6574605b958316004d954804 Mon Sep 17 00:00:00 2001
From: antoine <guingand.antoine@gmail.com>
Date: Fri, 10 Oct 2025 12:57:30 +0200
Subject: [PATCH] Fix date not opening in android

---
 resources/js/form/components/fields/Date.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/resources/js/form/components/fields/Date.vue b/resources/js/form/components/fields/Date.vue
index d19babcbd..f1d56effb 100644
--- a/resources/js/form/components/fields/Date.vue
+++ b/resources/js/form/components/fields/Date.vue
@@ -34,6 +34,7 @@ import { createYear, createYearRange, toDate } from 'reka-ui/date'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Button } from "@/components/ui/button";
 import { __ } from "@/utils/i18n";
+import { PopoverAnchor } from "reka-ui";
 
 const props = defineProps<FormFieldProps<FormDateFieldData>>();
 const emit = defineEmits<FormFieldEmits<FormDateFieldData>>();
@@ -158,13 +159,20 @@ function onMinuteChange(minute: string) {
         );
     }
 }
+
+function onInputClick(e: MouseEvent) {
+    if(!isTouch.value) {
+        open.value = true;
+        e.preventDefault();
+    }
+}
 </script>
 
 <template>
     <Popover v-model:open="open" :modal="false">
         <FormFieldLayout v-bind="props" v-slot="{ id, ariaDescribedBy }">
             <div class="relative">
-                <PopoverTrigger as-child>
+                <PopoverAnchor as-child>
                     <Input
                         :id="id"
                         class="pl-10 min-w-full appearance-none text-left [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-date-and-time-value]:text-left"
@@ -180,10 +188,10 @@ function onMinuteChange(minute: string) {
                         :model-value="inputValue"
                         @update:model-value="onDateInput"
                         @touchstart.passive="isTouch = true"
-                        @click.prevent="open = !isTouch"
+                        @click="onInputClick"
                         ref="input"
                     />
-                </PopoverTrigger>
+                </PopoverAnchor>
                 <div class="absolute right-px rounded-md top-px w-10 bottom-px bg-background hidden not-[@supports_selector(::-webkit-calendar-picker-indicator)]:block"
                     @touchstart.passive="isTouch = true"
                     @click="($refs.input.$el as HTMLInputElement).focus(); open = !isTouch"