Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Blue border around elements when clicking them

  • 5 replies
  • 2 have this problem
  • 1 view
  • Last reply by Terry

Sunlighthell
Sunlighthell
more options

Hi. After recent update I started to see issue where blue/white border is present when clicking web site elements. Ususally this kind of border is present if you select elements via keybaord but in this case it's present when clicking elements with mouse. It usually stop doing this if I close and reopen FF but not for long. Example is in posted screenshot. I have not altered my settings in any way.

Hi. After recent update I started to see issue where blue/white border is present when clicking web site elements. Ususally this kind of border is present if you select elements via keybaord but in this case it's present when clicking elements with mouse. It usually stop doing this if I close and reopen FF but not for long. Example is in posted screenshot. I have not altered my settings in any way.
Attached screenshots

Chosen solution

It might be bug 1807687, fixed in 110.

Read this answer in context 👍 1

All Replies (5)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

It is quite normal to see a focus ring if you hover a clickable element, but this should be removed if you move the mouse out of the browsing area.

Firefox has several browser.display.focus pref on the about:config page that you can look at to see if they are all default.

Start Firefox in Troubleshoot Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration or if userChrome.css/userContent.css is causing the problem.

  • switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes
  • do NOT click the "Refresh Firefox" button on the Troubleshoot Mode start window
TyDraniu
TyDraniu
  • Top 25 Contributor
more options

Chosen Solution

It might be bug 1807687, fixed in 110.

Sunlighthell
Sunlighthell Question owner
more options

TyDraniu сказал(а)
It might be bug 1807687, fixed in 110.

Yeah, thank you I found out this myself few days ago via reddit, had no time to post here. This is definitely a bug which is scheduled to be fixed in 110 (should be released on 14.02.2022 according to Firefox release calendar)

Epyxoid
Epyxoid
more options

I still have this issue in v110.0. With the default settings every link, input, textarea and select has this blue outline if I click on them with the mouse. If I set 'browser.display.focus_ring_on_anything' to true then the outline is the old dotted black (not gray) line now and it's still on everywhere. If I set 'browser.display.focus_ring_style' from 1 to 0 while the previous setting is false (new outline) nothing happens, if it's true (old dotted) then it's a solid line now. If I set 'browser.display.focus_ring_width' to 0 it finally disappears as it shouldn't show up all the time in my opinion. But I don't want it to completely disappear. I don't know how was it previously, but I see them too many times now. Accessibility is not enabled.

Modified by Epyxoid

Terry
Terry
more options

I suggest you open a new thread as this one has been marked as answered.