Firefox visual bug with back button

[BNewing]

This is a tiny issue, but on Firefox, the focus state of the back button has a little visual bug. It has a small white line at the top, which breaks the background highlighting:

I found this on a project I was working on and the workaround I implemented was to add a border to the element and make it the same colour as the focus state when focused, and transparent when not focused.

[36degrees]

Thanks for raising, Beverley.

Just to let you know that because this relates to the markup of the component itself I'm going to transfer this issue to the govuk-frontend repo and we'll track this there 👍

[dashouse]

@BNewing Thanks Beverley, we're in the process of updating the focus style more generally for WCAG 2.1 compliance and the current proposal also fixes this issue.

We'll keep this open so we can refer to it when that work is complete and make sure that is addressed.

[36degrees]

Just to confirm that this has been fixed as part of the focus state changes, and will be going out in GOV.UK Frontend 3.0.

(Screenshot from Firefox 66)