Bug: Focus outline clipped on My Account form input fields (changePassword, changeDefaults)

Summary: On the changePassword.page and changeDefaults.page pages, the focus outline/ring on <input> and <select> fields is clipped on the left side while the field is focused.

Root cause: The card container has overflow: hidden, which clips the browser’s native outline property (it renders outside the CSS box model). The left edge of the focus ring overflows the card boundary and gets hidden.

Fix: Replace outline with box-shadow in .simple-form-ui focus styles in adminui.scss. I have a fix ready and a branch to submit as a PR - just need a JIRA ticket created in the ADMINUI project so I can reference it.

Hello and welcome! We don’t normally do bug reports through the forum, but through our ticketing system (Jira). Please see our Getting Started as a Developer documentation which will point you in the right direction.

1 Like

Thank you for the warm welcome and for pointing me in the right direction. I’ll go through the developer documentation and use the Jira ticketing system for the bug report. Appreciate the guidance!

1 Like