From 9c81c24fbe4194f8bfb532ea33951abc86f38b6e Mon Sep 17 00:00:00 2001
From: Flrande <1978616327@qq.com>
Date: Thu, 29 May 2025 14:37:41 +0000
Subject: [PATCH] fix(editor): clear selection after toggle latex editor
 (#12637)

- **fix(editor): clear selection after toggle latex editor**
- **chore: remove useless test**

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - LaTeX rendering now outputs MathML format for improved accessibility and compatibility.
  - Added support for KaTeX styling to enhance LaTeX display in the playground.

- **Bug Fixes**
  - Improved editor behavior by resetting the selection group before opening the LaTeX editor.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts | 2 ++
 blocksuite/playground/package.json                           | 1 +
 blocksuite/playground/style.css                              | 2 ++
 yarn.lock                                                    | 1 +
 4 files changed, 6 insertions(+)

diff --git a/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts b/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts
index 1bd35baf3a..5ddcd8833f 100644
--- a/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts
+++ b/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts
@@ -188,6 +188,8 @@ export class AffineLatexNode extends SignalWatcher(
     this._editorAbortController?.abort();
     this._editorAbortController = new AbortController();
 
+    blockComponent.selection.setGroup('note', []);
+
     const portal = createLitPortal({
       template: html`<latex-editor-menu
         .std=${this.std}
diff --git a/blocksuite/playground/package.json b/blocksuite/playground/package.json
index 664ca147d3..f5f8037f61 100644
--- a/blocksuite/playground/package.json
+++ b/blocksuite/playground/package.json
@@ -24,6 +24,7 @@
     "@types/katex": "^0.16.7",
     "browser-fs-access": "^0.37.0",
     "jszip": "^3.10.1",
+    "katex": "^0.16.11",
     "lit": "^3.2.0",
     "lz-string": "^1.5.0",
     "rxjs": "^7.8.1",
diff --git a/blocksuite/playground/style.css b/blocksuite/playground/style.css
index dced27776c..baebf30209 100644
--- a/blocksuite/playground/style.css
+++ b/blocksuite/playground/style.css
@@ -1,6 +1,8 @@
 @import '@toeverything/theme/style.css';
 @import '@toeverything/theme/fonts.css';
 
+@import 'katex/dist/katex.min.css';
+
 @font-face {
   font-family: 'color-emoji';
   src:
diff --git a/yarn.lock b/yarn.lock
index 02af70e151..51660e92d6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4355,6 +4355,7 @@ __metadata:
     browser-fs-access: "npm:^0.37.0"
     graphql: "npm:^16.9.0"
     jszip: "npm:^3.10.1"
+    katex: "npm:^0.16.11"
     lit: "npm:^3.2.0"
     lz-string: "npm:^1.5.0"
     magic-string: "npm:^0.30.11"