From 38455b54359e6ae3d04d0b0230ab59a52bfda0e0 Mon Sep 17 00:00:00 2001
From: Katsuya HIDAKA <hidakatsuya@gmail.com>
Date: Tue, 6 Oct 2026 16:55:59 +0900
Subject: Fix resize handles showing on initial mobile Gantt view

---
 app/javascript/controllers/gantt/column_controller.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/javascript/controllers/gantt/column_controller.js b/app/javascript/controllers/gantt/column_controller.js
index 2bc4a1d15..d871905df 100644
--- a/app/javascript/controllers/gantt/column_controller.js
+++ b/app/javascript/controllers/gantt/column_controller.js
@@ -15,6 +15,7 @@ export default class extends Controller {
 
   connect() {
     this.#$element = this.$(this.element)
+    this.mobileModeValue = this.#isMobile()
     this.#setupResizable()
   }
 
@@ -41,6 +42,7 @@ export default class extends Controller {
     const options = {
       handles: "e",
       minWidth: this.minWidthValue,
+      disabled: this.mobileModeValue,
       zIndex: 30,
       resize: (_event, ui) => {
         this.element.style.setProperty("--gantt-column-width", `${ui.size.width}px`)
-- 
2.51.0