This (regression?) seems to have appeared fresh in Firefox 74. See screenshot - notice glitchy focus ring around "Billing: Annual" radio input. 1. it appears on mouse click - I have been under the impression focus rings should only appear on keyboard navigation? 2. It's not the CSS - inspect live at https://cxl.com/institute/pricing/ 3. Glitchiness is also indicated by focus ring render changing if we modify the active CSS cascaded property: `outline: 1px auto #129fea`. Specifically, something is going wrong with `auto` outline value - if you toggle it between some other value, rendering changes to a different glitch (side borders go missing). Alternative stylesheet property `outline: thin solid #129fea` is rendered correctly, although see list item no 1 - it should not be showing up on mouse click?
Bug 1624436 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
This (regression?) seems to have appeared fresh in Firefox 74. See screenshot - notice glitchy focus ring around "Billing: Annual" radio input. 1. it appears on mouse click - I have been under the impression focus rings should only appear on keyboard navigation? 2. It's not the CSS - inspect live at https://cxl.com/institute/pricing/ 3. Glitchiness is also indicated by focus ring render changing if we modify the active CSS cascaded property: `outline: 1px auto #129fea`. Specifically, something is going wrong with `auto` outline value - if you toggle it between some other value, rendering changes to a different glitch (side borders go missing). Alternative stylesheet property `outline: thin solid #129fea` is rendered correctly (square box around input), although see list item no 1 - it should not be showing up on mouse click?