Skip to content

Modal components (dialog.tsx, sheet.tsx, drawer.tsx) — undocumented focus-trap and keyboard-escape behavior #86

Description

@ndii-dev

These wrap Radix primitives, which generally handle focus trapping correctly out of the box, but this codebase layers custom content (forms, confirmation flows for send/receive) into them — audit for focus escaping to background content when async state changes happen mid-dialog (e.g. a loading spinner replacing form content while focused), and confirm Escape-to-close doesn't fire during an in-flight submission where it shouldn't.

Definition of done:

  • Focus-trap behavior tested through at least one async-content-swap scenario per dialog usage (send confirmation, off-ramp confirmation)
  • Escape-key behavior explicitly defined and tested during in-flight async operations

Before opening a PR for this issue, read CONTRIBUTING.md.

This is not a starter-issue. The Definition of done above is the full
acceptance criteria, not a subset to sample from — a PR that addresses part
of it is an unfinished issue, not a smaller one. Your PR must include, in
the PR description itself:

  • Root cause / design-decision rationale in your own words — not a restatement of this issue
  • Every Definition of done bullet above addressed explicitly, with a one-line note on how
  • Evidence the code actually runs: pasted test/build output, a screen recording or before/after screenshots for UI changes, or real (non-mocked) logs for network/contract-facing work
  • New or updated tests included and shown passing (paste the output)
  • Any adjacent/related behavior this issue calls out re-verified, not assumed unaffected

PRs missing these will be sent back before review, not reviewed and rejected — please do this up front.

Metadata

Metadata

Assignees

No one assigned

    Labels

    GrantFox OSSIssue tracked in GrantFox OSSMaybe RewardedIssue may be eligible for a GrantFox rewardOfficial Campaign | FWC26Campaign: Official Campaign | FWC26

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions