🐛 fix(dropdown): emits blur after change event (#1439)

fix(dropdown): emits blur after change event
baloise · Sep 5, 2024 · 56149e2 · 56149e2
1 parent a3df225
commit 56149e2
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 }))
+      }
     }
   }
 }