enhance(frontend): 검색과 같은 입력 블록에서 Enter를 입력하면 자동으로 가상 키보드를 숨김

kokonect-link · Oct 8, 2024 · 89c9876 · 89c9876
1 parent caa892d
commit 89c9876
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md
@@ -30,6 +30,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2024xx](CHANGE
 
 ### Client
 - Enhance: 업데이트 및 마이그레이션 알림에서 CherryPick의 변경 사항만 표시함
+- Enhance: 검색과 같은 입력 블록에서 `Enter`를 입력하면 자동으로 가상 키보드를 숨김
 
 ---
 

diff --git a/packages/frontend/src/components/MkInput.vue b/packages/frontend/src/components/MkInput.vue
@@ -111,6 +111,8 @@ const onKeydown = (ev: KeyboardEvent) => {
 	emit('keydown', ev);
 
 	if (ev.code === 'Enter') {
+		focused.value = false;
+		inputEl.value.blur();
 		emit('enter', ev);
 	}
 };

diff --git a/packages/frontend/src/pages/search.event.vue b/packages/frontend/src/pages/search.event.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div class="_gaps">
 	<div class="_gaps">
-		<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
+		<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter.prevent="search">
 			<template #prefix><i class="ti ti-search"></i></template>
 		</MkInput>
 		<MkRadios v-model="searchOrigin" @update:modelValue="search()">
-Original file line number
+Diff line change
@@ Expand Up @@
     ### Client
     - Enhance: 업데이트 및 마이그레이션 알림에서 CherryPick의 변경 사항만 표시함
+    - Enhance: 검색과 같은 입력 블록에서 `Enter`를 입력하면 자동으로 가상 키보드를 숨김
     ---
@@ Expand Down @@