From 5c270ef62fa19590dd377b5582eec6991ef034d3 Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Tue, 27 Oct 2026 23:47:42 +0200
Subject: [PATCH] Theseus 0.3.128: searchbox expands while typing so a longer
 query fits
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The URL bar's flex-basis comes from the user-dragged urlBarWidthPx —
often set wide — which left the search field at just above its min
width and clipped longer queries like "runs faster than the grey wolf".

While the search field holds focus the searchbox gets flex: 2 1 480px,
so the URL bar shrinks to make room and the full query is readable.
Both items still have shrink: 1, so on a narrow window neither pushes
the other out of bounds. The transition on flex-basis makes the resize
feel like the field is growing rather than snapping, and reverts on
blur.
---
 chrome.html  | 8 +++++++-
 package.json | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/chrome.html b/chrome.html
index 1994c0e5..21479a14 100644
--- a/chrome.html
+++ b/chrome.html
@@ -235,7 +235,13 @@
   /* Search-box floor bumped so the "Search" placeholder always fits inside
      the input — dropping below ~180px in normal font sizes was where the
      placeholder text started getting clipped. */
-  .searchbox { flex: 1 1 0; min-width: 180px; }
+  .searchbox { flex: 1 1 0; min-width: 180px; transition: flex-basis .14s ease; }
+  /* While the user is typing a search, give the searchbox more room by
+     reducing the URL bar's basis (urlBarWidthPx can be set wide via drag,
+     which otherwise squeezes the search field below what fits a longer
+     query). Both shrink proportionally if the parent is tight, so this
+     never overflows. */
+  .urlsearch:has(.searchbox:focus-within) .searchbox { flex: 2 1 480px; }
   /* Single drag handle sitting between the two — a thin 6px column with a
      col-resize cursor. Zero-sum semantics: dragging right grows the URL
      bar and shrinks the search bar; dragging left does the inverse. */
diff --git a/package.json b/package.json
index eb2ec4b4..5322dedf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "theseus-navigator",
-  "version": "0.3.127",
+  "version": "0.3.128",
   "license": "MPL-2.0",
   "description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.",
   "author": "Silent Mode",