From f46a7a073a98072ec9cef9c9eabd1a5f5dfb6044 Mon Sep 17 00:00:00 2001
From: zzj3720 <17165520+zzj3720@users.noreply.github.com>
Date: Thu, 9 Jan 2025 07:32:48 +0000
Subject: [PATCH] fix(editor): component name for the mobile menu is incorrect
 (#9604)

---
 blocksuite/affine/components/src/context-menu/menu-renderer.ts | 2 +-
 blocksuite/affine/components/src/context-menu/menu.ts          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/blocksuite/affine/components/src/context-menu/menu-renderer.ts b/blocksuite/affine/components/src/context-menu/menu-renderer.ts
index 848f168429c27..0cd1bd2d3e579 100644
--- a/blocksuite/affine/components/src/context-menu/menu-renderer.ts
+++ b/blocksuite/affine/components/src/context-menu/menu-renderer.ts
@@ -369,7 +369,7 @@ export class MobileMenuComponent
 
 declare global {
   interface HTMLElementTagNameMap {
-    'affine-menu-mobile': MobileMenuComponent;
+    'mobile-menu': MobileMenuComponent;
   }
 }
 
diff --git a/blocksuite/affine/components/src/context-menu/menu.ts b/blocksuite/affine/components/src/context-menu/menu.ts
index 74511d35b3c75..0b665aa0327c3 100644
--- a/blocksuite/affine/components/src/context-menu/menu.ts
+++ b/blocksuite/affine/components/src/context-menu/menu.ts
@@ -69,7 +69,7 @@ export class Menu {
 
   constructor(public options: MenuOptions) {
     this.menuElement = IS_MOBILE
-      ? document.createElement('affine-menu-mobile')
+      ? document.createElement('mobile-menu')
       : document.createElement('affine-menu');
     this.menuElement.menu = this;