mirror of
https://github.com/block/buzz.git
synced 2026-10-27 12:40:30 +00:00
fix(desktop): un-clip hover action bar's upward bleed under content-visibility (#1354)
Signed-off-by: Wes <wesbillman@users.noreply.github.com> Co-authored-by: Brain <21994759fc7a6fa6b965551d35cfd7897d262f2495467f2d78694ddcfa6a5c7e@sprout-oss.stage.blox.sqprod.co>
This commit is contained in:
@@ -2054,6 +2054,11 @@
|
||||
contain-intrinsic-size: auto 60px;
|
||||
}
|
||||
|
||||
/* paint containment clips the action bar's upward bleed; un-pause the active row */
|
||||
.timeline-row-cv:is(:hover, :focus-within) {
|
||||
content-visibility: visible;
|
||||
}
|
||||
|
||||
.content-visibility-auto-interactive {
|
||||
content-visibility: auto;
|
||||
contain-intrinsic-size: auto 200px;
|
||||
|
||||
@@ -88,6 +88,15 @@ test("long autolink wraps without widening the timeline", async ({ page }) => {
|
||||
return barBox.x + barBox.width - (timelineBox.x + timelineBox.width);
|
||||
})
|
||||
.toBeLessThanOrEqual(0);
|
||||
// #1338 guard: hovering must un-pause the row so the upward-bleeding bar renders
|
||||
await expect
|
||||
.poll(async () =>
|
||||
actionBar.evaluate((bar) => {
|
||||
const cvRow = bar.closest(".timeline-row-cv");
|
||||
return cvRow ? getComputedStyle(cvRow).contentVisibility : "missing";
|
||||
}),
|
||||
)
|
||||
.toBe("visible");
|
||||
});
|
||||
|
||||
test("send multiple messages in sequence", async ({ page }) => {
|
||||
|
||||
Reference in New Issue
Block a user