[bhattaganesh]

All Submissions:

• Have you followed the User Registration Contributing guideline?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

Focused text inputs on front-end forms showed two rings: the primary-colour border that the existing :focus styles already apply, and the :focus-visible outline added in #1535 sitting 2px outside it.

The outline stays, since it is what guarantees a visible focus indicator when a form's own styles override the border (WCAG 2.4.7). Only the gap is removed: text-like inputs, textareas and selects now use outline-offset: 0, so the border and the outline read as one ring. Buttons, submit inputs, checkboxes, radios and other non-text inputs keep the 2px offset, because they have no border to merge with (a submit input's fill is the same colour as the ring).

The regression check is a separate e2e test in login-forms.spec.ts with its own @guards #1896. The existing #1725 test is unchanged.

Before (develop) and after, login form, username focused by keyboard:

Closes themegrill/user-registration-pro#1896

How to test the changes in this Pull Request:

1. Open the My Account login form and press Tab into the username field. You should see one ring, not a ring with a gap around the border.
2. Do the same on a registration form for a text field, textarea and select, then tab to the checkbox, radio and submit button. Those keep a visible ring with a small gap.

Types of changes:

• Bug fix (non-breaking change which fixes an issue)
• Enhancement (modification of the currently available functionality)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you successfully ran tests with your changes locally?
• Have you updated the documentation accordingly?

Verified in a browser on a local site: login, and registration with text, email, password, textarea, select, radio, checkbox and submit controls. The compiled user-registration.css and its RTL copy carry only the new rule, because the QA suite loads the tracked CSS without running Sass; the rest of a full grunt build was left out as unrelated drift. QA suite: 9 of 9 passed on the current head.

The branch is rebased onto v5.3.0 and was merged with it to clear the conflict after the base change, so squash-merge it to keep develop-only commits out of the release branch.

Changelog entry

Fix - Front-end form inputs no longer show a double border when focused.

[tg-autopilot]

Build for 24cb8929 is ready 🛎️

⬇️ Download user-registration-5.3.0.zip (8.2M)

Installs directly via Plugins → Add New → Upload Plugin.
Link expires in 30 days · updated Oct 8, 2026 3:38 PM +0545

_{A later push only rebuilds this if its commit message includes #build-zip.}

[Copilot]

🟡 Changes recommended

Rebuild the tracked CSS/RTL assets and extend tests to textarea and select controls.

1 open finding

• Rebuild tracked CSS assets with the focus offset fix · New

What changed in this PR

Fixes the double focus-ring gap on front-end form controls while preserving focus visibility.

Changes:

• Sets outline-offset: 0 for text-like inputs, textareas, and selects.
• Adds end-to-end focus-ring regression coverage.

File	Summary
assets/​css/​user-registration.scss	Updates focus-outline offsets; generated CSS and RTL assets also need rebuilding.
tests/​e2e/​specs/​login-forms.spec.ts	Adds regression coverage; textarea and select cases remain to be covered.

🧠 Review effort: Lite

---

Give feedback about Copilot approvals in this survey to enter a drawing for a $150 gift card.

[github-actions]

QA suite — passed ✅

All 9 checks passed.

_{9 passed · 0 failed · 0 skipped · 0 flaky · 176s}

_{Automated check — no AI involved. It runs the tests in this branch.}

[bhattaganesh]

@claudegrill suite