Homepage FAQ ask row: no drawn cursor in the field, no violet box after Enter

The open field uses the browser's own caret; after Enter, focus parks on the row's wrapper so no ring boxes the row.

6 Oct 2026 · branch fix/faq-ask-cursor-and-focus-ring · captured against propflow-stage · at 478531584c0+local

Data note. Every name and balance below comes from propflow-stage, which is anonymized by construction (ADR-0097/0110 — phones in the impossible +1000 NPA, emails @example.test). The identical capture against prod would carry real tenants' names and balances and is not safe to attach anywhere, which is why the generator refuses to run against one.

1 · Closed row — 390px

The closed row keeps its blinking cursor after Ask me anything: the cue that you can type here.

Asserted in the captured DOM — Ask me anything

Closed row — 390px
Sections 2–8 and notes

2 · Open and empty — 390px

The open field shows a native Type your question placeholder. No drawn cursor follows it; only the browser's caret (it blinks, so a still frame may catch it off).

Asserted in the captured DOM — How does pricing work?

Open and empty — 390px

3 · Typed — 390px

Typing replaces the placeholder; the row's hairline turns ink while the field has focus. No ring on the field.

Asserted in the captured DOM — How does pricing work?

Typed — 390px

4 · After Enter, answer shown — 390px

After Enter the row settles into the question with the answer under it. Before this PR a 2px violet box drew around the whole question row here (focus had moved by code to the row's button, which matched :focus-visible). Focus now sits on the row's wrapper with no outline; the answer is announced by the row's live region.

Asserted in the captured DOM — Does Clara work at night?

After Enter, answer shown — 390px

5 · Closed row — 1440px

The closed row keeps its blinking cursor after Ask me anything: the cue that you can type here.

Asserted in the captured DOM — Ask me anything

Closed row — 1440px

6 · Open and empty — 1440px

The open field shows a native Type your question placeholder. No drawn cursor follows it; only the browser's caret (it blinks, so a still frame may catch it off).

Asserted in the captured DOM — How does pricing work?

Open and empty — 1440px

7 · Typed — 1440px

Typing replaces the placeholder; the row's hairline turns ink while the field has focus. No ring on the field.

Asserted in the captured DOM — How does pricing work?

Typed — 1440px

8 · After Enter, answer shown — 1440px

After Enter the row settles into the question with the answer under it. Before this PR a 2px violet box drew around the whole question row here (focus had moved by code to the row's button, which matched :focus-visible). Focus now sits on the row's wrapper with no outline; the answer is announced by the row's live region.

Asserted in the captured DOM — Does Clara work at night?

After Enter, answer shown — 1440px

What to check

Open-and-empty: no | after the placeholder. After Enter: no violet rectangle around the question row, at either width.

PropFlow Docs