From c8d8d92d82a98cf7dd15d4073c141f7cf9ebe353 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Thu, 15 Jan 2026 00:43:12 +0900
Subject: [PATCH] fix: relax swipe condition

---
 packages/frontend/src/components/MkSwiper.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkSwiper.vue b/packages/frontend/src/components/MkSwiper.vue
index fea0e87886..6cdfb764b1 100644
--- a/packages/frontend/src/components/MkSwiper.vue
+++ b/packages/frontend/src/components/MkSwiper.vue
@@ -310,13 +310,14 @@ function moveCancelByTouch(_event: TouchEvent) {
 
 /** 横スワイプに関与する可能性のある要素を調べる */
 function hasSomethingToDoWithXSwipe(el: HTMLElement) {
+	// 入力のじゃまになる
 	if (['INPUT', 'TEXTAREA'].includes(el.tagName)) return true;
 	if (el.isContentEditable) return true;
-	if (el.scrollWidth > el.clientWidth) return true;
 
 	const style = window.getComputedStyle(el);
-	if (['absolute', 'fixed', 'sticky'].includes(style.position)) return true;
-	if (style.overflowX === 'scroll') return true;
+	// 実際に横スクロールできる要素では横スワイプができないほうがよい
+	if (['scroll', 'auto'].includes(style.overflowX) && el.scrollWidth > el.clientWidth + 1) return true;
+	// すでに横スワイプを禁止している要素では横スワイプができないほうがよい
 	if (style.touchAction === 'pan-x') return true;
 
 	if (el.parentElement != null && el.parentElement !== rootEl.value) {