From 231f8a1c758cb1c267bf207aa05261988c85c113 Mon Sep 17 00:00:00 2001 From: Vito Sansevero Date: Fri, 30 Oct 2026 12:25:59 -0700 Subject: [PATCH] docs(testing): move the sticky chrome section beside the workspace contracts (#531) --- TESTING.md | 37 ++++++++++++++++++------------------- 1 file changed, 18 insertions(+), 19 deletions(-) diff --git a/TESTING.md b/TESTING.md index 465cb0c8..70d020f1 100644 --- a/TESTING.md +++ b/TESTING.md @@ -5617,6 +5617,24 @@ npm run --prefix tools/vendor test:workflows -- workspace-system-backups.spec.mj --project chromium --project touch --project firefox --project webkit ``` +## Sticky chrome (#531) + +Beyond the concept, from the maintainer's test of #528; the concept is unchanged. `workspace-sticky-chrome.spec.mjs` holds these. + +- **D186:** the selection bars (Images `#bulkbar`, Library `#library-bulkbar`; there are no others) are sticky: under the + top bar at the top of the page, and at the top of the window once that non-sticky top bar has scrolled away (one rule + in workspace.css). While the bar's flow place is above the window, its appearing, resizing or leaving does not move the cards + (`keepingPlace`). Focused card controls and the Images panel keep clear of it (`--selection-bar-block`). At 700px and below + the bar is one row that scrolls sideways. After a bulk action finishes the page scrolls to the top and refreshes the + list; Set category, Delete… and Return to library clear the selection as before, while tagging and collections keep + it (D85, D138). Export metadata changes nothing, so it stays put. Single-image actions from the inspector and viewer stay put. +- **D187:** Back to top: one shell chip past 200px of scroll, above the toast's spot; it rises only for a toast taller than two lines. It never animates, because the + pages' height corrections would cancel a smooth scroll, and focus moves to `#workspace-main`. D42's band grows to 140px. +- **D188:** the Needs review panel is sticky like the Images panel, with its own scroll on a window under 720px tall, and static at 700px and below. +- **D189:** where a panel is one column (static): Info on a review card brings the panel into view; Info on an image opens + the viewer's details, because the Images panel follows the whole list, past infinite scroll. The removed-images view keeps + today's panel, because the viewer can write there. + ## Workspace data fields for the concept pages (#249) These fields are additive. The legacy `/prompt_manager/images/output` listing (no @@ -7152,22 +7170,3 @@ until acceptance. Not compared: hover states and the dialog focus ring (the page keyboard ring and link ring offsets are asserted). No coverage floor was lowered; `vocabulary-state.mjs`, `vocabulary.mjs` and `vocabulary-dialog.mjs` have additive floors in `frontend-coverage-baseline.json`. - -### Sticky chrome (#531) - -Beyond the concept, from the maintainer's test of #528; the concept is unchanged. `workspace-sticky-chrome.spec.mjs` holds these. - -- **D186:** the selection bars (Images `#bulkbar`, Library `#library-bulkbar`; there are no others) are sticky: under the - top bar at the top of the page, and at the top of the window once that non-sticky top bar has scrolled away (one rule - in workspace.css). While the bar's flow place is above the window, its appearing, resizing or leaving does not move the cards - (`keepingPlace`). Focused card controls and the Images panel keep clear of it (`--selection-bar-block`). At 700px and below - the bar is one row that scrolls sideways. After a bulk action finishes the page scrolls to the top and refreshes the - list; Set category, Delete… and Return to library clear the selection as before, while tagging and collections keep - it (D85, D138). Export metadata changes nothing, so it stays put. Single-image actions from the inspector and viewer stay put. -- **D187:** Back to top: one shell chip past 200px of scroll, above the toast's spot; it rises only for a toast taller than two lines. It never animates, because the - pages' height corrections would cancel a smooth scroll, and focus moves to `#workspace-main`. D42's band grows to 140px. -- **D188:** the Needs review panel is sticky like the Images panel, with its own scroll on a window under 720px tall, and static at 700px and below. -- **D189:** where a panel is one column (static): Info on a review card brings the panel into view; Info on an image opens - the viewer's details, because the Images panel follows the whole list, past infinite scroll. The removed-images view keeps - today's panel, because the viewer can write there. -