From 9c787a578eb1e7fef60d1b04cfd40d892c125db2 Mon Sep 17 00:00:00 2001
From: arrow2nd <44780846+arrow2nd@users.noreply.github.com>
Date: Fri, 24 Feb 2023 10:31:21 +0900
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E3=82=B9=E3=83=9E=E3=83=9B?=
 =?UTF-8?q?=E3=83=BB=E3=82=BF=E3=83=96=E3=83=AC=E3=83=83=E3=83=88=E3=81=AE?=
 =?UTF-8?q?=E5=A0=B4=E5=90=88=E3=80=81=E3=83=81=E3=83=A3=E3=83=B3=E3=83=8D?=
 =?UTF-8?q?=E3=83=AB=E3=81=AE=E6=8A=95=E7=A8=BF=E3=83=95=E3=82=A9=E3=83=BC?=
 =?UTF-8?q?=E3=83=A0=E3=81=AB=E8=87=AA=E5=8B=95=E3=81=A7=E3=83=95=E3=82=A9?=
 =?UTF-8?q?=E3=83=BC=E3=82=AB=E3=82=B9=E3=81=97=E3=81=AA=E3=81=84=E3=82=88?=
 =?UTF-8?q?=E3=81=86=E3=81=AB=20(#10051)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(frontend): スマホ・タブレットの場合、チャンネルの投稿フォームに自動でフォーカスしない

* Update CHANGELOG.md
---
 CHANGELOG.md                            | 1 +
 packages/frontend/src/pages/channel.vue | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d75f1f3376..9e72821bc2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 ## 13.x.x (unreleased)
 
 ### Improvements
+- Frontend: スマホ・タブレットの場合、チャンネルの投稿フォームに自動でフォーカスしないように
 
 ### Bugfixes
 -
diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue
index 0e6d0e2691..f59b7d7f90 100644
--- a/packages/frontend/src/pages/channel.vue
+++ b/packages/frontend/src/pages/channel.vue
@@ -23,7 +23,8 @@
 				</div>
 			</div>
 
-			<MkPostForm v-if="$i" :channel="channel" class="post-form _panel _margin" fixed/>
+			<!-- スマホ・タブレットの場合、キーボードが表示されると投稿が見づらくなるので、デスクトップ場合のみ自動でフォーカスを当てる -->
+			<MkPostForm v-if="$i" :channel="channel" class="post-form _panel _margin" fixed :autofocus="deviceKind === 'desktop'"/>
 
 			<MkTimeline :key="channelId" class="_margin" src="channel" :channel="channelId" @before="before" @after="after"/>
 		</div>
@@ -41,6 +42,7 @@ import { useRouter } from '@/router';
 import { $i } from '@/account';
 import { i18n } from '@/i18n';
 import { definePageMetadata } from '@/scripts/page-metadata';
+import { deviceKind } from '@/scripts/device-kind';
 
 const router = useRouter();