chaos-coder icon indicating copy to clipboard operation
chaos-coder copied to clipboard

fix(ui): prevent browser autofill in AI Config modal + E2E verification for PR #22

Open aj47 opened this issue 2 months ago • 1 comments

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] / adminadmin into 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 name and autocomplete attributes 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

E2E Validation (local)

  • Cloned PR #22 and ran npm ci then npm run dev
  • Home page / and Results /results load 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

aj47 avatar Sep 29 '25 19:09 aj47