From e102ad638d8b08229379aea4f93af376c86dbfca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=95=E3=81=AA=E3=81=97=E6=B2=BC=E3=81=AE=E9=AD=94?=
 =?UTF-8?q?=E5=A5=B3?= <megablacklabel@gmail.com>
Date: Thu, 2 Jul 2026 22:08:51 +0900
Subject: [PATCH 1/2] fix(titlebar): add touch-action none as inline style for
 reliable mobile drag

CSS-only touch-action may not apply correctly on all mobile browsers
due to CSS module scoping or specificity conflicts. Adding it as an
inline style on the TitleBar root div ensures the browser recognizes
the element as non-scrollable during touch drag.
---
 src/components/window/TitleBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/window/TitleBar.tsx b/src/components/window/TitleBar.tsx
index 2fb46ae..ca3e746 100644
--- a/src/components/window/TitleBar.tsx
+++ b/src/components/window/TitleBar.tsx
@@ -35,7 +35,7 @@ export const TitleBar = forwardRef<HTMLDivElement, TitleBarProps>(function Title
   ref,
 ) {
   return (
-    <div ref={ref} className={clsx('title-bar', styles.titleBar, { inactive }, className)} {...rest}>
+    <div ref={ref} className={clsx('title-bar', styles.titleBar, { inactive }, className)} {...rest} style={{ touchAction: 'none', ...(rest.style as React.CSSProperties) }}>
       <div className={styles.titleBarLeft}>
         {icon && (
           <img src={icon} alt="" style={{ width: 14, height: 14, flexShrink: 0 }} />

From 1980a3253e73916da2144d465ce8e259348c3ad4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=95=E3=81=AA=E3=81=97=E6=B2=BC=E3=81=AE=E9=AD=94?=
 =?UTF-8?q?=E5=A5=B3?= <megablacklabel@gmail.com>
Date: Thu, 2 Jul 2026 22:59:51 +0900
Subject: [PATCH 2/2] fix: ensure touch-action none always wins over caller
 styles

Put touchAction: 'none' AFTER spread of rest.style so it cannot be
overridden by a caller passing touchAction in their style prop.
---
 src/components/window/TitleBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/window/TitleBar.tsx b/src/components/window/TitleBar.tsx
index ca3e746..9474e74 100644
--- a/src/components/window/TitleBar.tsx
+++ b/src/components/window/TitleBar.tsx
@@ -35,7 +35,7 @@ export const TitleBar = forwardRef<HTMLDivElement, TitleBarProps>(function Title
   ref,
 ) {
   return (
-    <div ref={ref} className={clsx('title-bar', styles.titleBar, { inactive }, className)} {...rest} style={{ touchAction: 'none', ...(rest.style as React.CSSProperties) }}>
+    <div ref={ref} className={clsx('title-bar', styles.titleBar, { inactive }, className)} {...rest} style={{ ...(rest.style as React.CSSProperties), touchAction: 'none' }}>
       <div className={styles.titleBarLeft}>
         {icon && (
           <img src={icon} alt="" style={{ width: 14, height: 14, flexShrink: 0 }} />