From 5598aef074e4d208a529f78f7af09bcd7c2fd279 Mon Sep 17 00:00:00 2001
From: m <paragraphenreiter@gmail.com>
Date: Wed, 6 May 2026 16:54:22 +0200
Subject: [PATCH] =?UTF-8?q?fix(t-paliad-141):=20collab-suggestions=20dropd?=
 =?UTF-8?q?own=20floats=20off-screen=20=E2=80=94=20parent=20.form-field=20?=
 =?UTF-8?q?had=20no=20position.=20Scope=20:has()=20rule=20sets=20parent=20?=
 =?UTF-8?q?to=20position:relative=20only=20where=20the=20dropdown=20actual?=
 =?UTF-8?q?ly=20exists?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/global.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index 9889773..9eb1ee6 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -5856,6 +5856,17 @@ input[type="range"]::-moz-range-thumb {
     padding: 0;
 }
 
+/* `.collab-suggestions` is absolute-positioned with top: 100% — needs a
+   positioned ancestor or it falls back to the viewport's initial
+   containing block and renders off-screen (text is in the DOM, but
+   visually invisible — m hit this on the project team-add picker after
+   t-141 made the dropdown content-visible but still let it float to
+   nowhere). Scoped via :has() so we only flip the parent's position
+   where it actually contains a suggestions dropdown. */
+.form-field:has(> .collab-suggestions) {
+    position: relative;
+}
+
 .collab-suggestions {
     position: absolute;
     top: 100%;