kayg/calternal

Watch

Fork 0

Compact Search action Pills occlude a single result title #1074

New issue

Open

opened 2026-10-04 22:43:33 +00:00 by kayg · 3 comments

kayg commented

2026-10-04 22:43:33 +00:00

Owner

The compact Search palette's floating action Pills cover the only visible result.

Merge-round #867 runs the real production page. Type Time tracked this week in Search. The exact Analytics week result is visible. Playwright cannot click its centre or its visible title for 30 seconds. The Selected result actions group's keyboard cap and action hint intercept both pointer targets. No forced click is used.

Evidence: artifacts/merge-round-7c2/analytics-overlay-973-complete.log, head 463bf49d1. search-dialog.svelte positions .sw-action-pills at the bottom of the results column. Its reveal function adds clearance only for a keyboard-selected result; the compact query result at rest has no clearance.

The Analytics probe will click the result's leading content edge to finish its separate overlay checks. This does not claim that the occluded title is fixed. Existing route and focus restoration assertions remain.

Required follow-up: keep the visible row's primary pointer action reachable with the floating controls. Respect the existing compact Search and glass design. Use CSS or the existing bounded behavior; do not add per-row layout measurement. Add a real-browser short-result regression for pointer, touch and keyboard, plus all-width light/dark evidence. No authorization or data loss was observed.

The compact Search palette's floating action Pills cover the only visible result. Merge-round #867 runs the real production page. Type `Time tracked this week` in Search. The exact Analytics week result is visible. Playwright cannot click its centre or its visible title for 30 seconds. The `Selected result actions` group's keyboard cap and action hint intercept both pointer targets. No forced click is used. Evidence: `artifacts/merge-round-7c2/analytics-overlay-973-complete.log`, head 463bf49d1. `search-dialog.svelte` positions `.sw-action-pills` at the bottom of the results column. Its `reveal` function adds clearance only for a keyboard-selected result; the compact query result at rest has no clearance. The Analytics probe will click the result's leading content edge to finish its separate overlay checks. This does not claim that the occluded title is fixed. Existing route and focus restoration assertions remain. Required follow-up: keep the visible row's primary pointer action reachable with the floating controls. Respect the existing compact Search and glass design. Use CSS or the existing bounded behavior; do not add per-row layout measurement. Add a real-browser short-result regression for pointer, touch and keyboard, plus all-width light/dark evidence. No authorization or data loss was observed.

search-short-result-390-paper.png

179 KiB

search-short-result-390-tokyo-night.png

195 KiB

search-short-result-820-paper.png

121 KiB

search-short-result-820-tokyo-night.png

129 KiB

search-short-result-1440-paper.png

145 KiB

search-short-result-1440-tokyo-night.png

156 KiB

kayg referenced this issue

2026-10-04 23:46:08 +00:00

Plan: merge order and conflicts for merge round 7b #867

kayg commented

2026-10-04 23:48:51 +00:00

Author

Owner

Starting #1074 repair on branch job/7cfix-small at base 357c856e3d. I will fix compact Search result clearance with existing role tokens and add browser coverage plus 390/820/1440 light/dark screenshots.

Starting #1074 repair on branch job/7cfix-small at base 357c856e3d2a26f8853781b15b51ad16fc561ced. I will fix compact Search result clearance with existing role tokens and add browser coverage plus 390/820/1440 light/dark screenshots.

kayg commented

2026-10-05 01:01:44 +00:00

Author

Owner

Starting the focused #1074 repair on job/7cfix-small, based on 357c856e3. I am keeping the current Search action Pills and adding bounded active-result clearance, with a production regression for pointer, touch, keyboard and macOS captures at 390, 820 and 1440 px in both themes.

Starting the focused #1074 repair on `job/7cfix-small`, based on `357c856e3`. I am keeping the current Search action Pills and adding bounded active-result clearance, with a production regression for pointer, touch, keyboard and macOS captures at 390, 820 and 1440 px in both themes.

kayg commented

2026-10-05 01:33:05 +00:00

Author

Owner

Finished #1074 on branch job/7cfix-small, based on 357c856e3.

The compact Search palette now reveals its active result above the floating action Pills. Clearance comes from the shared control-height and toolbar-gap roles, and the scroll tail exists only when the active row needs it. The real browser probe checks the title and row hit targets, keyboard open and Escape, touch at 390/820 px, and pointer at 1440 px.

Files: apps/web/src/lib/components/search-dialog.svelte and apps/web/e2e/analytics-overlay-973.mjs.

Validation output:

PASS palette opened Analytics
PASS keyboard opens the active tracked-time result
PASS touch opens the Search result at 390px
PASS touch opens the Search result at 820px
PASS pointer opens the Search result at 1440px

Six production screenshots use macOS platform emulation:
390 paper, 390 Tokyo Night, 820 paper, 820 Tokyo Night, 1440 paper, 1440 Tokyo Night.

Decision: reserve space with existing role tokens and add it only for the active row, so Search keeps its floating Pills and has no permanent footer strip.

Head: 755fecd479.

Finished #1074 on branch job/7cfix-small, based on 357c856e3. The compact Search palette now reveals its active result above the floating action Pills. Clearance comes from the shared control-height and toolbar-gap roles, and the scroll tail exists only when the active row needs it. The real browser probe checks the title and row hit targets, keyboard open and Escape, touch at 390/820 px, and pointer at 1440 px. Files: apps/web/src/lib/components/search-dialog.svelte and apps/web/e2e/analytics-overlay-973.mjs. Validation output: ```text PASS palette opened Analytics PASS keyboard opens the active tracked-time result PASS touch opens the Search result at 390px PASS touch opens the Search result at 820px PASS pointer opens the Search result at 1440px ``` Six production screenshots use macOS platform emulation: [390 paper](https://git.kayg.org/attachments/5079ee9a-1531-4968-b7da-666075d8e154), [390 Tokyo Night](https://git.kayg.org/attachments/bbd18922-c008-4a79-92f3-6f7ed1d68819), [820 paper](https://git.kayg.org/attachments/87828e64-b35a-4c2d-ac7c-dc40dbb77608), [820 Tokyo Night](https://git.kayg.org/attachments/750ac182-5d0c-4dcf-be8c-a63650cf6237), [1440 paper](https://git.kayg.org/attachments/171cf416-9c5d-4773-9ee0-53e00833a36a), [1440 Tokyo Night](https://git.kayg.org/attachments/026b6f19-d7ab-4450-8fd3-fd22517f63bb). Decision: reserve space with existing role tokens and add it only for the active row, so Search keeps its floating Pills and has no permanent footer strip. Head: 755fecd4795661327aa72a2232b17dacaef32ade.

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

kayg/calternal#1074

No description provided.

Rows
Columns