fix(monitor-list): tag list do not update (#7069)

src/components/MonitorListFilter.vue

@@ -105,7 +105,7 @@
             </li>
         </template>
     </MonitorListFilterDropdown>
-    <MonitorListFilterDropdown :filterActive="filterState.tags?.length > 0">
+    <MonitorListFilterDropdown :filterActive="filterState.tags?.length > 0" @open-menu="getExistingTags">
         <template #status>
             <Tag
                 v-if="filterState.tags?.length === 1"

src/components/MonitorListFilterDropdown.vue

@@ -1,5 +1,5 @@
 <template>
-    <div tabindex="-1" class="dropdown" @focusin="open = true" @focusout="handleFocusOut">
+    <div tabindex="-1" class="dropdown" @focusin="openMenu" @focusout="handleFocusOut">
         <button type="button" class="filter-dropdown-status" :class="{ active: filterActive }" tabindex="0">
             <div class="px-1 d-flex align-items-center">
                 <slot name="status"></slot>
@@ -23,12 +23,18 @@ export default {
             required: true,
         },
     },
+    emits: ["openMenu"],
     data() {
         return {
             open: false,
         };
     },
     methods: {
+        openMenu() {
+            this.$emit("openMenu");
+            this.open = true;
+        },
+
         handleFocusOut(e) {
             if (e.relatedTarget != null && this.$el.contains(e.relatedTarget)) {
                 return;