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",