From 5a16b80368db1e9f4af97c606f29f404ee5715e4 Mon Sep 17 00:00:00 2001
From: atman-33 <gpbjk0304@gmail.com>
Date: Tue, 28 Jul 2026 00:51:59 +0900
Subject: [PATCH 1/2] fix(quick-capture): keep save button visible with long
 descriptions

The shared Textarea uses field-sizing-content, so the description grew with
its content. Its wrapper was a flex item with the default min-height: auto
and no resolvable height for h-full, so the row expanded past the window and
the container overflow clipped the footer holding "Save to inbox".

Pin the row with min-h-0 + field-sizing-fixed and scroll inside the textarea
instead, matching the idiom already used by the maximized task-dialog editor.
Also set a min inner size on the window so manual resizing cannot hide the
footer either.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src-tauri/src/quick_capture.rs    | 2 ++
 src/quick-capture/capture-app.tsx | 8 ++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src-tauri/src/quick_capture.rs b/src-tauri/src/quick_capture.rs
index 00950d8..e4a150d 100644
--- a/src-tauri/src/quick_capture.rs
+++ b/src-tauri/src/quick_capture.rs
@@ -54,6 +54,8 @@ pub fn create_window(app: &AppHandle) -> tauri::Result<()> {
     )
     .title("workhub — quick capture")
     .inner_size(width, height)
+    // Below this the form's footer (Save to inbox) stops fitting.
+    .min_inner_size(360.0, 260.0)
     .always_on_top(true)
     .skip_taskbar(true)
     .decorations(false)
diff --git a/src/quick-capture/capture-app.tsx b/src/quick-capture/capture-app.tsx
index 49fffc0..12a5adb 100644
--- a/src/quick-capture/capture-app.tsx
+++ b/src/quick-capture/capture-app.tsx
@@ -137,13 +137,17 @@ export function CaptureApp() {
           placeholder="Task title"
           className="h-8"
         />
-        <div className="relative flex-1">
+        {/* min-h-0 on both the wrapper and the textarea, plus
+            field-sizing-fixed: without them the shared Textarea's
+            grow-with-content sizing expands this row past the window and the
+            footer (Save to inbox) is clipped by the container's overflow. */}
+        <div className="relative min-h-0 flex-1">
           <Textarea
             ref={descriptionRef}
             value={description}
             onChange={(e) => setDescription(e.target.value)}
             placeholder="Description (a copied Slack / PR / monday link is pasted here)"
-            className="h-full resize-none pr-8 font-mono text-xs"
+            className="h-full min-h-0 field-sizing-fixed resize-none overflow-auto pr-8 font-mono text-xs"
           />
           {description && (
             <Button

From b03478846b21db36a452b30861b86c487cbef0b3 Mon Sep 17 00:00:00 2001
From: atman-33 <gpbjk0304@gmail.com>
Date: Tue, 28 Jul 2026 00:53:01 +0900
Subject: [PATCH 2/2] docs(rules): note the fill-vs-grow Textarea sizing idiom

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 .claude/rules/ui-conventions.md | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/.claude/rules/ui-conventions.md b/.claude/rules/ui-conventions.md
index ddd1b8d..4f22b74 100644
--- a/.claude/rules/ui-conventions.md
+++ b/.claude/rules/ui-conventions.md
@@ -43,6 +43,34 @@ and keep the callbacks in the dependency array identity-stable (`useCallback`
 with functional `setState`) so the listener is not torn down and rebuilt on
 every render. See `src/components/schedule/schedule-grid.tsx`.
 
+## Textarea that must fill, not grow: `min-h-0` + `field-sizing-fixed`
+
+The shared `Textarea` (`src/components/ui/textarea.tsx`) carries
+`field-sizing-content`, so it sizes itself to its content. That is the right
+default for a form field, but it is wrong for a textarea meant to fill the
+remaining height of a fixed-height layout — `h-full` alone does not stop it.
+
+Two things break at once. The flex item wrapping the textarea defaults to
+`min-height: auto`, so it cannot shrink below its content; and with no
+definite height on the wrapper, `height: 100%` on the textarea cannot
+resolve and falls back to content sizing. The row then grows past the
+container, and whatever sits below it is clipped by the container's
+`overflow-hidden` — silently, since nothing scrolls.
+
+When the textarea should fill and scroll instead:
+
+```tsx
+<div className="relative min-h-0 flex-1">
+  <Textarea className="h-full min-h-0 field-sizing-fixed resize-none overflow-auto" />
+</div>
+```
+
+`min-h-0` is needed on **both** the wrapper and the textarea. This bit the
+quick-capture window, where a long description hid the "Save to inbox" button
+entirely (T-0102); the maximized editor in `task-dialog.tsx` uses the same
+idiom. Textareas that genuinely should grow (`notes-dialog`,
+`settings-dialog`, `schedule/*`) keep the default.
+
 ## Selection state: keep the id, look up the object
 
 When a view owns a document and a side panel edits one element of it, store