fix: refs #7957 update visibility handling for clear icon in VnInput component

2024-12-16 16:08:46 +01:00 · 2024-12-16 16:08:46 +01:00 · 1e0e859726
parent 4a4cb1cf3f
commit 1e0e859726
1 changed files with 10 additions and 7 deletions
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@ -141,13 +141,16 @@ const handleInsertMode = (e) => {
                <QIcon
                    name="close"
                    size="xs"
-                    v-if="
-                        hover &&
-                        value &&
-                        !$attrs.disabled &&
-                        !$attrs.readonly &&
-                        $props.clearable
-                    "
+                    :style="{
+                        visibility:
+                            hover &&
+                            value &&
+                            !$attrs.disabled &&
+                            !$attrs.readonly &&
+                            $props.clearable
+                                ? 'visible'
+                                : 'hidden',
+                    }"
                    @click="
                        () => {
                            value = null;