fix(frontend): 子メニューの最大長調整が行われていない問題を修正

CHANGELOG.md

@@ -29,6 +29,7 @@
 - Fix: ショートカットキーが連打できる問題を修正  
   (Cherry-picked from https://github.com/taiyme/misskey/pull/234)
 - Fix: MkSignin.vueのcredentialRequestからReactivityを削除（ProxyがPasskey認証処理に渡ることを避けるため）
+- Fix: 子メニューの高さがウィンドウからはみ出ることがある問題を修正
 
 ### Server
 - Feat: レートリミット制限に引っかかったときに`Retry-After`ヘッダーを返すように (#13949)

packages/frontend/src/components/MkMenu.child.vue

@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div ref="el" :class="$style.root">
-	<MkMenu :items="items" :align="align" :width="width" :asDrawer="false" @close="onChildClosed"/>
+	<MkMenu :items="items" :align="align" :width="width" maxHeight="calc(100dvh - 32px)" :asDrawer="false" @close="onChildClosed"/>
 </div>
 </template>
 

packages/frontend/src/components/MkMenu.vue

@@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		}"
 		:style="{
 			width: (width && !asDrawer) ? `${width}px` : '',
-			maxHeight: maxHeight ? `${maxHeight}px` : '',
+			maxHeight: maxHeight ? `${maxHeight}px` : normalizedMaxHeight,
 		}"
 		@keydown.stop="() => {}"
 		@contextmenu.self.prevent="() => {}"
@@ -192,7 +192,7 @@ const props = defineProps<{
 	asDrawer?: boolean;
 	align?: 'center' | string;
 	width?: number;
-	maxHeight?: number;
+	maxHeight?: number | string;
 }>();
 
 const emit = defineEmits<{
@@ -225,6 +225,12 @@ const keymap = {
 
 const childShowingItem = ref<MenuItem | null>();
 
+const normalizedMaxHeight = computed(() => {
+	if (props.maxHeight == null) return undefined;
+	if (typeof props.maxHeight === 'number') return props.maxHeight + 'px';
+	return props.maxHeight;
+});
+
 let preferClick = isTouchUsing || props.asDrawer;
 
 watch(() => props.items, () => {