Implement click-outside-to-close functionality in CustomDropdownMenu

- Added a method to hide the dropdown menu when clicking outside of it.
- Bound the click event to the master widget to detect clicks outside the dropdown.
- Unbound the click event when the dropdown is hidden to prevent unnecessary event handling.

Author: CalaKuad1

gui/widgets.py

@@ -102,12 +102,18 @@ def show(self):
         self.window.wm_geometry(f"+{x}+{y}")
         self.window.deiconify()
         self.window.lift()
-        self.window.bind("<FocusOut>", self.hide)
         self.window.focus_set()
+        self.master.bind_all("<Button-1>", self._on_click_elsewhere, add=True)
 
     def hide(self, event=None):
         self.is_open = False
         self.window.withdraw()
+        self.master.unbind_all("<Button-1>")
+
+    def _on_click_elsewhere(self, event):
+        if self.window.winfo_containing(event.x_root, event.y_root) is None:
+            if self.button.winfo_containing(event.x_root, event.y_root) is None:
+                self.hide()
 
     def update_options(self, options):
         for widget in self.scrollable_frame.winfo_children():