From 8202c615b4103765c206438ae75029fa03f1c835 Mon Sep 17 00:00:00 2001
From: FourWindff <msplima7@gmail.com>
Date: Mon, 25 May 2026 08:46:44 +0800
Subject: [PATCH 1/2] fix(new-task): prevent base-branch label stretch from
 opening dropdown

The label has a `for` attribute linking it to the BranchCombobox input.
In a flex-direction: column container, flex items default to
align-self: stretch, so clicking the empty space to the right of the
"Base branch" text still activated the label and focused the input,
triggering the dropdown. Add `align-self: flex-start` so the label
only wraps its text content.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/NewTaskDialog.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/NewTaskDialog.tsx b/src/components/NewTaskDialog.tsx
index 0661eb99..5b87bc09 100644
--- a/src/components/NewTaskDialog.tsx
+++ b/src/components/NewTaskDialog.tsx
@@ -815,7 +815,10 @@ export function NewTaskDialog(props: NewTaskDialogProps) {
             >
               {/* On a load failure the combobox is unmounted, so only point
                   the label at it while it is actually rendered. */}
-              <label for={branchesError() ? undefined : branchInputId} style={sectionLabelStyle}>
+              <label
+                for={branchesError() ? undefined : branchInputId}
+                style={{ ...sectionLabelStyle, 'align-self': 'flex-start' }}
+              >
                 {gitIsolation() === 'worktree' ? 'Base branch' : 'Branch'}
                 <Show when={branchesLoading()}>
                   {' '}

From 0790e480a609495c192457b2c9afac8a18230d9a Mon Sep 17 00:00:00 2001
From: FourWindff <msplima7@gmail.com>
Date: Mon, 25 May 2026 09:23:02 +0800
Subject: [PATCH 2/2] fix(new-task): prevent dialog text selection

---
 src/components/NewTaskDialog.tsx | 1 +
 src/styles.css                   | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/src/components/NewTaskDialog.tsx b/src/components/NewTaskDialog.tsx
index 5b87bc09..f717ddff 100644
--- a/src/components/NewTaskDialog.tsx
+++ b/src/components/NewTaskDialog.tsx
@@ -605,6 +605,7 @@ export function NewTaskDialog(props: NewTaskDialogProps) {
     >
       <form
         ref={formRef}
+        class="new-task-dialog-form"
         onSubmit={handleSubmit}
         style={{
           display: 'flex',
diff --git a/src/styles.css b/src/styles.css
index d17e28e8..247225ec 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1366,6 +1366,14 @@ textarea::placeholder {
   animation: slideUp 0.22s cubic-bezier(0.2, 0.7, 0.2, 1);
 }
 
+.new-task-dialog-form {
+  user-select: none;
+}
+
+.new-task-dialog-form :is(input, textarea) {
+  user-select: text;
+}
+
 .file-row:hover {
   background: color-mix(in srgb, var(--accent) 8%, var(--bg-hover));
 }