From 9981c241200834c57d34f4cca5c8aa9826b1cfb3 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Wed, 20 Dec 2023 08:20:21 +0000
Subject: [PATCH] fix(core): escape special characters for cmdk item values
 (#5353)

![image](https://github.com/toeverything/AFFiNE/assets/102217452/301ef02e-f0df-4a1b-843f-240cad44af0f)
---
 .../core/src/components/pure/cmdk/data.tsx        | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/core/src/components/pure/cmdk/data.tsx b/packages/frontend/core/src/components/pure/cmdk/data.tsx
index 98ccffe08e..f3f0003d53 100644
--- a/packages/frontend/core/src/components/pure/cmdk/data.tsx
+++ b/packages/frontend/core/src/components/pure/cmdk/data.tsx
@@ -168,14 +168,15 @@ export const pageToCommand = (
 
   // hack: when comparing, the part between >>> and <<< will be ignored
   // adding this patch so that CMDK will not complain about duplicated commands
-  const id =
+  const id = CSS.escape(
     title +
-    (label?.subTitle || '') +
-    valueWrapperStart +
-    page.id +
-    '.' +
-    category +
-    valueWrapperEnd;
+      (label?.subTitle || '') +
+      valueWrapperStart +
+      page.id +
+      '.' +
+      category +
+      valueWrapperEnd
+  );
 
   return {
     id,