From e200faf8c4ecd01469f648f53f31d76f8cd49c58 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 1 Jun 2026 18:42:16 -0500
Subject: [PATCH] fix(ui): scope mousedown handler to .tat-header to restore
 input/select focus

The dialog's mousedown listener was attached to the whole root and
unconditionally called preventDefault(), which blocked the target
element from receiving focus. As a result, the custom target <input>
and the milestone <select> could never be focused.

Only initiate drag (and only preventDefault) when the mousedown is on
the .tat-header bar. This lets the user click into inputs, selects, and
buttons inside the dialog body, while still allowing the dialog to be
dragged from the title bar.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/ui.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/ui.js b/src/ui.js
index 9c23d64..610d691 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -148,6 +148,9 @@ export class Dialog {
     const self = this;
     this.root.addEventListener('mousedown', (e) => {
       if (self.mode !== 'free') return;
+      // Only initiate drag from the header bar. This prevents stealing focus
+      // from inputs, selects, and buttons inside the dialog body.
+      if (!e.target.closest('.tat-header')) return;
       if (e.target.classList.contains('tat-close')) return;
       const rect = self.root.getBoundingClientRect();
       self.dragState = { dx: e.clientX - rect.left, dy: e.clientY - rect.top };