perf(frontend): improve performance of contextmenu

Resolve #11303

CHANGELOG.md

@@ -38,6 +38,7 @@
 - オフライン時の画面にリロードボタンを追加
 - Deckで非ルートページにアクセスした際に簡易UIで表示しない設定を追加
 - ロール設定画面でロールIDを確認できるように
+- コンテキストメニュー表示時のパフォーマンスを改善
 - Fix: サーバーメトリクスが90度傾いている
 - Fix: 非ログイン時にクレデンシャルが必要なページに行くとエラーが出る問題を修正
 - Fix: sparkle内にリンクを入れるとクリック不能になる問題の修正

packages/frontend/src/components/MkAutocomplete.vue

@@ -356,9 +356,7 @@ onMounted(() => {
 
 	props.textarea.addEventListener('keydown', onKeydown);
 
-	for (const el of Array.from(document.querySelectorAll('body *'))) {
+	document.body.addEventListener('mousedown', onMousedown);
-		el.addEventListener('mousedown', onMousedown);
-	}
 
 	nextTick(() => {
 		exec();
@@ -374,9 +372,7 @@ onMounted(() => {
 onBeforeUnmount(() => {
 	props.textarea.removeEventListener('keydown', onKeydown);
 
-	for (const el of Array.from(document.querySelectorAll('body *'))) {
+	document.body.removeEventListener('mousedown', onMousedown);
-		el.removeEventListener('mousedown', onMousedown);
-	}
 });
 </script>
 

packages/frontend/src/components/MkContextMenu.vue

@@ -61,15 +61,11 @@ onMounted(() => {
 	rootEl.style.top = `${top}px`;
 	rootEl.style.left = `${left}px`;
 
-	for (const el of Array.from(document.querySelectorAll('body *'))) {
+	document.body.addEventListener('mousedown', onMousedown);
-		el.addEventListener('mousedown', onMousedown);
-	}
 });
 
 onBeforeUnmount(() => {
-	for (const el of Array.from(document.querySelectorAll('body *'))) {
+	document.body.removeEventListener('mousedown', onMousedown);
-		el.removeEventListener('mousedown', onMousedown);
-	}
 });
 
 function onMousedown(evt: Event) {