Clear search field after label selection

app/assets/javascripts/vue_shared/components/sidebar/labels_select_widget/dropdown_contents.vue

@@ -172,6 +172,10 @@ export default {
     showDropdown() {
       this.$refs.dropdown.show();
     },
+    clearSearch() {
+      this.searchKey = '';
+      this.setFocus();
+    },
   },
 };
 </script>
@@ -210,6 +214,7 @@ export default {
         :attr-workspace-path="attrWorkspacePath"
         :label-create-type="labelCreateType"
         @hideCreateView="toggleDropdownContent"
+        @selectLabel="clearSearch"
       />
     </template>
     <template #footer>

app/assets/javascripts/vue_shared/components/sidebar/labels_select_widget/dropdown_contents_labels_view.vue

@@ -121,6 +121,7 @@ export default {
     },
     handleLabelClick(label) {
       this.updateSelectedLabels(label);
+      this.$emit('selectLabel');
       if (!this.allowMultiselect) {
         this.$emit('closeDropdown', this.localSelectedLabels);
       }