From 6a4123f385fb2e20aab1c1cbc666c5d1a3f93589 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 5 Jan 2024 17:37:23 +0100
Subject: [PATCH] fix(front): fix TagInput width properly

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 src/assets/oruga-tailwindcss.css  | 3 +++
 src/components/Event/TagInput.vue | 5 -----
 src/oruga-config.ts               | 1 +
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css
index 5c43ccf14..e23492cdd 100644
--- a/src/assets/oruga-tailwindcss.css
+++ b/src/assets/oruga-tailwindcss.css
@@ -153,6 +153,9 @@ body {
 .taginput-item:first-child {
   @apply ml-2;
 }
+.taginput-input-wrapper {
+  @apply block;
+}
 
 /* Autocomplete */
 .autocomplete {
diff --git a/src/components/Event/TagInput.vue b/src/components/Event/TagInput.vue
index ee4cf1568..1686553c1 100644
--- a/src/components/Event/TagInput.vue
+++ b/src/components/Event/TagInput.vue
@@ -101,8 +101,3 @@ const tagsStrings = computed({
   },
 });
 </script>
-<style lang="scss" scoped>
-:deep(.o-input__wrapper) {
-  display: initial;
-}
-</style>
diff --git a/src/oruga-config.ts b/src/oruga-config.ts
index b15a3255e..fe26be357 100644
--- a/src/oruga-config.ts
+++ b/src/oruga-config.ts
@@ -30,6 +30,7 @@ export const orugaConfig = {
     autocompleteClasses: {
       rootClass: "taginput-autocomplete",
       inputClasses: {
+        rootClass: "taginput-input-wrapper",
         inputClass: "taginput-input",
       },
     },