fix(dropdown): emits blur after change event

baloise · Aug 26, 2024 · f0aa446 · f0aa446
1 parent a7f0d46
commit f0aa446
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/silver-pears-fail.md b/.changeset/silver-pears-fail.md
@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': patch
+---
+
+**dropdown**: emits blur after change event
diff --git a/packages/core/src/utils/dropdown/option.tsx b/packages/core/src/utils/dropdown/option.tsx
@@ -80,11 +80,14 @@ export class DropdownOptionUtil {
     await this.component.valueUtil.updateInputContent()
   }
 
-  async listenToOptionChange(_ev: BalEvents.BalOptionChange) {
+  async listenToOptionChange(ev: BalEvents.BalOptionChange) {
     const newSelectedValues = (await this.component.listEl?.getSelectedValues()) || []
     this.component.valueUtil.updateRawValueBySelection(newSelectedValues)
     if (!this.component.multiple) {
       this.component.popupUtil.collapseList()
+      if (this.component.hasFocus) {
+        this.component.balBlur.emit(new FocusEvent('blur', { relatedTarget: this.component.el }))
+      }
     }
   }
 }