From 57e36cebde23ee300ceb186df6b1a9208629574e Mon Sep 17 00:00:00 2001
From: joan <joan@verdnatura.es>
Date: Thu, 2 Mar 2023 09:44:45 +0100
Subject: [PATCH] fix(field): prevent input size changes when showing clear
 icon Refs: #5338

---
 front/core/components/autocomplete/style.scss | 4 ++++
 front/core/components/field/index.html        | 2 +-
 front/core/components/field/style.scss        | 3 +++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/front/core/components/autocomplete/style.scss b/front/core/components/autocomplete/style.scss
index 19e8362d5..201d29c1e 100755
--- a/front/core/components/autocomplete/style.scss
+++ b/front/core/components/autocomplete/style.scss
@@ -19,6 +19,10 @@
                 padding-right: 0;
             }
         }
+
+        & > .icons.pre {
+            min-width: 22px
+        }
     }
     &.readonly > .container > .icons.post {
         display: none;
diff --git a/front/core/components/field/index.html b/front/core/components/field/index.html
index bd13f46d6..0d65c1f40 100644
--- a/front/core/components/field/index.html
+++ b/front/core/components/field/index.html
@@ -12,7 +12,7 @@
             <span class="required">*</span>
         </label> 
     </div>
-    <div class="icons pre">
+    <div class="icons pre" ng-class="{'clearable': $ctrl.clearDisabled != true}">
         <vn-icon ng-show="::$ctrl.clearDisabled != true"
             icon="clear"
             translate-attr="{title: 'Clear'}"
diff --git a/front/core/components/field/style.scss b/front/core/components/field/style.scss
index 0d539b029..d4dcd19ec 100644
--- a/front/core/components/field/style.scss
+++ b/front/core/components/field/style.scss
@@ -151,6 +151,9 @@
                 display: none;
             }
         }
+        & > .icons.pre.clearable {
+            min-width: 22px
+        }
         & > .underline {
             position: absolute;
             bottom: 0;