workarount to hide the displaying ids/iris when autocomplete is pending

components/Ui/Input/Autocomplete/Accesses.vue

@@ -22,6 +22,7 @@ Champs autocomplete dédié à la recherche des Accesses d'une structure
       :variant="variant"
       @update:model-value="onUpdateModelValue"
       @update:search="onUpdateSearch"
+      :class="(pending || pageStore.loading) ? 'hide-selection' : ''"
     />
   </main>
 </template>
@@ -139,6 +140,7 @@ interface UserListItem {
 
 const { fetchCollection } = useEntityFetch()
 const i18n = useI18n()
+const pageStore = usePageStore()
 
 /**
  * Génère un AccessListItem à partir d'un Access
@@ -252,4 +254,14 @@ const onUpdateModelValue = (event: Array<number>) => {
 .v-autocomplete {
   min-width: 350px;
 }
+
+.hide-selection {
+  /**
+      On cache le contenu au chargement en attendant de résoudre le bug qui fait
+      que ce sont les ids ou les IRIs qui s'affichent le temps du chargement
+   */
+  :deep(.v-chip__content) {
+    color: transparent !important;
+  }
+}
 </style>