Blue boxes around menu items

[mikewolf1127]

Today I started getting blue boxes around the last menu item I clicked on. Can’t figure it out. Any suggestions?

Mike Wolf Post | Color Grading • Online Editing • Digital Mastering

Thanks-
Mike

[Joao]

Hi Mike,

I can replicate the issue on my end.

Please provide your login credentials in a secure note so we can take a closer look on your setup.

Thank you

[thai]

Hi There,

Try adding the following CSS under X > Theme Options > CSS:

a:focus, a.x-btn:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus, input[type="button"]:focus { outline: none !important; }

Hope it helps.

[mikewolf1127]

@thai

a:focus,
a.x-btn:focus,
select:focus,
input[type=“file”]:focus,
input[type=“radio”]:focus,
input[type=“submit”]:focus,
input[type=“checkbox”]:focus,
input[type=“button”]:focus {
outline: none !important;
}

I would try that but I didn’t turn anything on to change the behavior to the blue outline. This CSS will turn off focus for everything, no? That’s not ideal.

[ruenel]

Hello Mike,

Thanks for updating in! The code given by Thai will not turn off or disable the focus. It will just remove the blue box or border to an element when it is in focus.

Hope this make sense.

[mikewolf1127]

OK. But why would it have started happening?

[paul.r]

Hi Mike,

This is a known issue in firefox. You might not have notice it before.

Anyway the code will just remove the line drawn on elements on focus…

For more info please refer to the link below.

https://www.w3schools.com/cssref/pr_outline.asp

Thanks

[mikewolf1127]

I had installed YellowPencil, a live CSS editor, then uninstalled it. Seems to have coincided with that. Could a plug in have caused it? And a remnant be lingering?

[paul.r]

Hi Mike,

The plugin has nothing to do with it.

It’s just that browsers is adding a default outline if it is not set.

https://allyjs.io/tests/focus-outline-styles/index.html

Thanks

[mikewolf1127]

OK. But I’ve been working for two months on this site and it just started happening. And it doesn’t happen on any of the other sites I’m working on. Nor any other site I visit for that matter?

What could it be?

Thanks-
Mike

[Joao]

Hi There,

It is a random bug and we are still investigating the provided code will fix it.

Thanks for understading.

[mikewolf1127]

Thanks.

-Miike

[paul.r]

You’re welcome!