Description
Auth and account forms must declare proper autocomplete, name, and inputmode attributes so password managers (1Password, Bitwarden, browser autofill) work without friction. Audit and standardize.
Requirements and context
- Must be accessible (WCAG 2.1 AA), responsive, and documented in the design system
- Should be consistent with existing patterns and easy to review
- Relevant code:
src/app/components/ui
- Document the autocomplete contract in
docs/
Suggested execution
- Fork the repo and create a branch
git checkout -b uiux/password-manager-support
- Implement changes
- Add a
FormField primitive that enforces autocomplete/name pairs
- Audit existing inputs and migrate
- Add a doc note in
docs/design-review-checklist.md
- Validate accessibility and responsive assumptions
Test and commit
- Run checks
npm run lint and component/visual tests
- Cover edge cases
- Responsive breakpoints, empty/loading/error states, keyboard/screen-reader, contrast, dark mode
- Include screenshots/before-after and accessibility (axe) notes
Example commit message
design: add password manager and autofill support
Guidelines
- Minimum 95 percent test coverage
- Clear documentation
- Timeframe: 96 hours
Description
Auth and account forms must declare proper
autocomplete,name, andinputmodeattributes so password managers (1Password, Bitwarden, browser autofill) work without friction. Audit and standardize.Requirements and context
src/app/components/uidocs/Suggested execution
git checkout -b uiux/password-manager-supportFormFieldprimitive that enforces autocomplete/name pairsdocs/design-review-checklist.mdTest and commit
npm run lintand component/visual testsExample commit message
design: add password manager and autofill supportGuidelines