From 8fab48b6f86537ae41d7e00dcdae71d56f46f44c Mon Sep 17 00:00:00 2001
From: chenyu <63953834+chenyu-01@users.noreply.github.com>
Date: Sun, 29 Dec 2024 11:05:07 +0800
Subject: [PATCH] fix: prevent closing the selector when clicking title and
 search box

---
 app/components/ui-lib.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/components/ui-lib.tsx b/app/components/ui-lib.tsx
index bc7128fe7..1fa614f3b 100644
--- a/app/components/ui-lib.tsx
+++ b/app/components/ui-lib.tsx
@@ -523,8 +523,11 @@ export function Selector<T>(props: {
   }
   return (
     <div className={styles["selector"]} onClick={() => props.onClose?.()}>
-      <div className={styles["selector-content"]}>
-        {/* todo: add searchbox */}
+      <div
+        className={styles["selector-content"]}
+        onClick={(e) => e.stopPropagation()}
+      >
+        {/* title and search box */}
         <div className={styles["selector-bar"]}>
           <div className={styles["selector-title"]}>
             {Locale.UI.SelectorTitle}
@@ -539,6 +542,7 @@ export function Selector<T>(props: {
             />
           </div>
         </div>
+        {/* list content */}
         <List>
           {filteredItems.length ? (
             filteredItems.map((item, i) => {