From e95e13d8f978b02661003c3c436a87207db2c3b5 Mon Sep 17 00:00:00 2001
From: Julien Nahum <jhumanj@MacBook-Pro-de-Julien.local>
Date: Fri, 28 Oct 2022 11:13:10 +0200
Subject: [PATCH] Fix focus on first element

---
 resources/js/components/forms/FlatSelectInput.vue | 2 +-
 resources/js/pages/forms/show-public.vue          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/forms/FlatSelectInput.vue b/resources/js/components/forms/FlatSelectInput.vue
index f5d3250..d158993 100644
--- a/resources/js/components/forms/FlatSelectInput.vue
+++ b/resources/js/components/forms/FlatSelectInput.vue
@@ -11,7 +11,7 @@
     </small>
 
     <loader v-if="loading" key="loader" class="h-6 w-6 text-nt-blue mx-auto" />
-    <div v-for="(option, index) in options" v-else :key="option[optionKey]"
+    <div v-for="(option, index) in options" v-else :key="option[optionKey]" role="button"
          :class="[theme.default.input,'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 flex',{ 'mb-2': index !== options.length,'ring-red-500 ring-2': hasValidation && form.errors.has(name), 'cursor-not-allowed bg-gray-200':disabled }]"
          @click="onSelect(option[optionKey])"
     >
diff --git a/resources/js/pages/forms/show-public.vue b/resources/js/pages/forms/show-public.vue
index cd4ade1..a9cfc03 100644
--- a/resources/js/pages/forms/show-public.vue
+++ b/resources/js/pages/forms/show-public.vue
@@ -133,7 +133,7 @@ export default {
       if (this.isIframe) return
       // Auto focus on first input
       const visibleElements = []
-      document.querySelectorAll('input,button').forEach(ele => {
+      document.querySelectorAll('input,button,textarea,[role="button"]').forEach(ele => {
         if (ele.offsetWidth !== 0 || ele.offsetHeight !== 0) {
           visibleElements.push(ele)
         }