From 512401946d3719248ebf2ef3b488c1f028a1f1f3 Mon Sep 17 00:00:00 2001
From: Slone123c <274325721@qq.com>
Date: Sat, 17 Jan 2026 13:49:21 +0800
Subject: [PATCH] fix: escape CSS selector keys to handle special characters

Use CSS.escape() for data-key attribute selectors in querySelector
to properly handle file paths with non-ASCII characters (e.g., Chinese)
and special URL protocols (file://).
---
 packages/ui/src/components/list.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/list.tsx b/packages/ui/src/components/list.tsx
index 5be7f95aeec..631b3e33a29 100644
--- a/packages/ui/src/components/list.tsx
+++ b/packages/ui/src/components/list.tsx
@@ -69,7 +69,7 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
     if (!props.current) return
     const key = props.key(props.current)
     requestAnimationFrame(() => {
-      const element = scrollRef()?.querySelector(`[data-key="${key}"]`)
+      const element = scrollRef()?.querySelector(`[data-key="${CSS.escape(key)}"]`)
       element?.scrollIntoView({ block: "center" })
     })
   })
@@ -81,7 +81,7 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
       scrollRef()?.scrollTo(0, 0)
       return
     }
-    const element = scrollRef()?.querySelector(`[data-key="${active()}"]`)
+    const element = scrollRef()?.querySelector(`[data-key="${CSS.escape(active()!)}"]`)
     element?.scrollIntoView({ block: "center" })
   })