fix(issues): float find bar above sticky resolve collapse bars (MUL-4414)

The in-page find bar (absolute, z-20) and the resolve collapse bars
pinned at the timeline's top-0 (sticky, z-20) tied on z-index, so the
later-in-DOM collapse bar painted over the find bar, half-hiding it and
orphaning its close button. Raise the find bar to z-30 so the transient
overlay reliably paints above every sticky affordance in the content
column (comment headers z-10, collapse bars z-20).

Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
Lambda
2026-07-11 17:48:59 +08:00
parent 12e3c393d7
commit 77003f40bc

View File

@@ -1852,9 +1852,13 @@ export function IssueDetail({ issueId, onDelete, onDone, defaultSidebarOpen = tr
<div className="relative flex h-full min-w-0 flex-1 flex-col">
{/* In-page find bar — floats over the top-right of the content column
(below the breadcrumb header), outside the scroll container so it
stays put while the timeline scrolls and its own text isn't walked. */}
stays put while the timeline scrolls and its own text isn't walked.
z-30: must beat every sticky affordance pinned at the timeline's
top-0 (comment headers z-10, resolve collapse bars z-20) — at equal
z the later-in-DOM sticky bar paints over the find bar and orphans
its close button (MUL-4414). */}
{find.open && (
<FindBar find={find} className="absolute right-4 top-14 z-20" />
<FindBar find={find} className="absolute right-4 top-14 z-30" />
)}
<BreadcrumbHeader
segments={breadcrumbSegments}