chaos-coder
chaos-coder copied to clipboard
fix(ui): prevent browser autofill in AI Config modal + E2E verification for PR #22
Summary
- Prevent browser autofill from pre-filling AI Config modal fields (Base URL, API Key)
- Fix observed issue during E2E testing of PR #22 where Chrome/1Password autofilled
[email protected]/adminadmininto the modal on the Results page - Verified responsiveness and visibility across mobile/tablet/desktop viewports using Playwright MCP
Changes
- nextjs-web-app/src/components/AIConfigModal.tsx
- Add
nameandautocompleteattributes and disable autocapitalize/spellcheck for Base URL and API Key inputs - Add password-manager ignore attributes (
data-lpignore,data-1p-ignore) to API Key field
- Add
E2E Validation (local)
- Cloned PR #22 and ran
npm cithennpm run dev - Home page
/and Results/resultsload without errors - Opened AI Config on both pages; confirmed no unintended credential autofill after fix
- Checked across sizes: 375x667, 768x1024, 1280x800, 1920x1080 — no horizontal overflow; main CTAs visible
- Confirmed iframe not scaled on expand and first tile shown as detailed view at top (per project UX)
Notes
- This PR builds on top of PR #22 branch context and focuses only on the UI autofill fix discovered during E2E
- No breaking changes; build succeeds with
next build
Pull Request opened by Augment Code with guidance from the PR author