From bd5f5b41704a1fe9475f9e0b4f512a6221e0edd1 Mon Sep 17 00:00:00 2001
From: Sami Mazouz <sychocouldy@gmail.com>
Date: Fri, 18 Apr 2025 11:52:06 +0100
Subject: [PATCH] fix: close dropdown when focusing out

---
 framework/core/js/src/common/components/Dropdown.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/framework/core/js/src/common/components/Dropdown.tsx b/framework/core/js/src/common/components/Dropdown.tsx
index 3e5d43fc8..8bc2ee364 100644
--- a/framework/core/js/src/common/components/Dropdown.tsx
+++ b/framework/core/js/src/common/components/Dropdown.tsx
@@ -123,6 +123,13 @@ export default class Dropdown<CustomAttrs extends IDropdownAttrs = IDropdownAttr
 
       m.redraw();
     });
+
+    // Focusing out of the dropdown should close it.
+    this.$().on('focusout', (e) => {
+      if (e.relatedTarget && !this.$().has(e.relatedTarget).length) {
+        this.$().trigger('hidden.bs.dropdown');
+      }
+    });
   }
 
   /**