Planner expanded row focus dismiss and footer hover #153

New issue

Closed

opened 2026-05-30 20:31:32 +00:00 by steve · 0 comments

steve commented

2026-05-30 20:31:32 +00:00

Owner

Fix planner inline editor collapse so footer actions are clickable, dismiss behaves like a modal, and title focus places the caret at end.

Problem

Expanded planner rows collapse on title blur before footer button clicks land (relatedTarget is often null). Footer buttons lack visible hover affordance. Opening the editor selects all title text instead of placing the caret at the end.

Goal

Keep the expanded row open while interacting with title, body, and footer; close on click outside or true focus leave; polish footer hover styles.

Acceptance Criteria

Footer buttons in tasks-planner__task-footer-actions are clickable without collapsing the row first.
Pointer-down outside the expanded row collapses it (modal-like); portaled dropdowns/dialogs do not collapse prematurely.
Title input focuses with caret at end on expand, not full selection.
Footer row/schedule/deadline controls have planner-token hover styles.

Suggested Files

packages/plugins/plugin-tasks/src/planner/planner-task-row.svelte
packages/plugins/plugin-tasks/src/styles/tasks-planner.css
packages/plugins/plugin-tasks/spec.md, spec/src/20-packages/plugins/tasks/index.md

Validation Commands

pnpm --filter @lapis-notes/plugin-tasks check:all

Implementation Summary

Planner expanded rows keep focus across title/body/footer via next-focus fallback and pointer guard; dismiss on outside pointer-down with overlay exceptions; title caret at end on open; footer hover styles in tasks-planner.css. Validated with plugin-tasks check:svelte and eslint.

Fix planner inline editor collapse so footer actions are clickable, dismiss behaves like a modal, and title focus places the caret at end. ## Problem Expanded planner rows collapse on title blur before footer button clicks land (`relatedTarget` is often null). Footer buttons lack visible hover affordance. Opening the editor selects all title text instead of placing the caret at the end. ## Goal Keep the expanded row open while interacting with title, body, and footer; close on click outside or true focus leave; polish footer hover styles. ## Acceptance Criteria - Footer buttons in `tasks-planner__task-footer-actions` are clickable without collapsing the row first. - Pointer-down outside the expanded row collapses it (modal-like); portaled dropdowns/dialogs do not collapse prematurely. - Title input focuses with caret at end on expand, not full selection. - Footer row/schedule/deadline controls have planner-token hover styles. ## Suggested Files - `packages/plugins/plugin-tasks/src/planner/planner-task-row.svelte` - `packages/plugins/plugin-tasks/src/styles/tasks-planner.css` - `packages/plugins/plugin-tasks/spec.md`, `spec/src/20-packages/plugins/tasks/index.md` ## Validation Commands - `pnpm --filter @lapis-notes/plugin-tasks check:all` ## Implementation Summary Planner expanded rows keep focus across title/body/footer via next-focus fallback and pointer guard; dismiss on outside pointer-down with overlay exceptions; title caret at end on open; footer hover styles in tasks-planner.css. Validated with plugin-tasks check:svelte and eslint.

steve

2026-05-30 20:31:32 +00:00