Square CSS outline on radio buttons in 2.7.0 b4

Discourse now includes a square outline when selecting radio buttons. Issue is present in Safari 14.0.3 and Brave 1.20.108.

Screen Shot 2021-02-22 at 9.58.02 AM

This is caused by the outline property shown here.

Screen Shot 2021-02-22 at 10.01.24 AM

I believe this was introduced in b4, as I don’t recall seeing this before.

Is this a bug or some sort of accessibility feature?

2 Likes

It is a regression, yes, this PR should fix it: UX: radio or checkbox inputs should not have an outline on focus by pmusaraj · Pull Request #12173 · discourse/discourse · GitHub

Thanks for the report!

4 Likes