humanspeak / svelte-virtual-chat / 29177021556

92%

push

github

test(chat): pin and document focus behavior in virtualized messages (#62)

* test(chat): characterize focus behavior for controls inside virtualized messages

Adds a fixture route with focusable controls (button per message, input on
even ids) and a Playwright spec pinning the observed behavior for issue #35:
in-message controls are focusable; a focused control virtualized out of the
rendered range drops focus to document.body; focus is not restored when the
message re-enters; and keyboard scrolling stays healthy after the drop. No
library-code change — characterization only.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* docs(a11y): document focus behavior for interactive message content

Adds a "Focus and virtualization" subsection to the accessibility guide
explaining that off-screen messages leave the DOM, so a focused in-message
control loses focus to document.body when virtualized out and focus is not
restored on re-entry. Documents the intentional decision (consumer-owned
focus management) and recommended patterns. Matches the observed behavior in
the focus-controls spec (issue #35).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* ci(trunk): sync SvelteKit tsconfigs before type-aware lint

Trunk CI did a bare checkout with no install or sync, so the root
tsconfig's extends of .svelte-kit/tsconfig.json was missing and $lib
imports resolved as error types — failing type-aware ESLint on any
changed route/fixture file while passing locally. Set up pnpm/node,
install deps, and run svelte-kit sync for both the root and docs
packages before trunk-action runs.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

213 of 244 branches covered (87.3%)

Branch coverage included in aggregate %.

386 of 404 relevant lines covered (95.54%)

296.25 hits per line