From 18d4be0ea22de832ed86df7aa67b87b0ba91bcfb Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 21 Mar 2024 12:33:28 +0100
Subject: [PATCH] refs #6907 feat: merge changes

---
 src/components/common/VnInput.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 4c2aef065..96028862a 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -26,7 +26,7 @@ const value = computed({
         emit('update:modelValue', value);
     },
 });
-const focus = ref(false);
+const hover = ref(false);
 const styleAttrs = computed(() => {
     return $props.isOutlined
         ? {
@@ -45,6 +45,10 @@ const handleValue = (val = null) => {
     value.value = val;
 };
 
+const focus = () => {
+    vnInputRef.value.focus();
+};
+
 defineExpose({
     focus,
 });
@@ -52,8 +56,8 @@ defineExpose({
 
 <template>
     <div
-        @mouseover="focus = true"
-        @mouseleave="focus = false"
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
         :rules="$attrs.required ? [requiredFieldRule] : null"
     >
         <QInput
@@ -74,7 +78,7 @@ defineExpose({
                 <QIcon
                     name="close"
                     size="xs"
-                    v-if="focus && value"
+                    v-if="hover && value"
                     @click="handleValue(null)"
                 ></QIcon>
             </template>