From a766b934aa0aac6931cb9cba1793f96930bf5e94 Mon Sep 17 00:00:00 2001
From: oijofie <oijofie@gmail.com>
Date: Thu, 26 Mar 2026 18:47:41 +0900
Subject: [PATCH] fix: change timeline track from button to div to avoid focus
 styles

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../components/editor/panels/timeline/timeline-track.tsx   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/editor/panels/timeline/timeline-track.tsx b/apps/web/src/components/editor/panels/timeline/timeline-track.tsx
index 81cda7a6..5f41778e 100644
--- a/apps/web/src/components/editor/panels/timeline/timeline-track.tsx
+++ b/apps/web/src/components/editor/panels/timeline/timeline-track.tsx
@@ -65,7 +65,7 @@ export function TimelineTrackContent({
 	});
 
 	return (
-		<button
+		<div
 			className="size-full"
 			onClick={(event) => {
 				if (shouldIgnoreClick?.()) return;
@@ -75,7 +75,8 @@ export function TimelineTrackContent({
 				event.preventDefault();
 				onTrackMouseDown?.(event);
 			}}
-			type="button"
+			role="button"
+			tabIndex={0}
 		>
 			<div className="relative h-full min-w-full">
 				{track.elements.length === 0 ? (
@@ -109,6 +110,6 @@ export function TimelineTrackContent({
 					})
 				)}
 			</div>
-		</button>
+		</div>
 	);
 }