From 50a0890cba59bfd75c2c09b8b6638306ad455d69 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Tue, 7 Apr 2020 15:42:15 +0300
Subject: [PATCH] Fixed #249 - Improve autocomplete css by using flex

---
 src/components/autocomplete/AutoComplete.vue | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/autocomplete/AutoComplete.vue b/src/components/autocomplete/AutoComplete.vue
index 1d06427d1..86e73a6b1 100644
--- a/src/components/autocomplete/AutoComplete.vue
+++ b/src/components/autocomplete/AutoComplete.vue
@@ -431,24 +431,26 @@ export default {
 <style>
 .p-autocomplete {
     width: auto;
-    zoom: 1;
     cursor: pointer;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     position: relative;
-    display: inline-block;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
 }
 
 .p-autocomplete .p-autocomplete-dropdown {
-    height: 100%;
     width: 2em;
     margin-right: 0;
-    vertical-align: top;
 }
 
 .p-autocomplete .p-autocomplete-input {
-    padding-right: 1.5em;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 auto;
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
 }
 
 .p-autocomplete-loader {
@@ -584,11 +586,6 @@ export default {
     width: 100%;
 }
 
-.p-fluid .p-autocomplete.p-autocomplete-dd .p-autocomplete-input,
-.p-fluid .p-autocomplete.p-autocomplete-dd .p-autocomplete-multiple-container {
-    width: calc(100% - 2em);
-}
-
 .p-fluid .p-autocomplete .p-autocomplete-dropdown.p-button {
     width: 2em;
 }