fix(t-paliad-141): collab-suggestions dropdown floats off-screen — parent .form-field had no position. Scope :has() rule sets parent to position:relative only where the dropdown actually exists
This commit is contained in:
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user