Manipulate widgets in Customizer - Blue lines in Firefox

[GrahamArmfield]

I'm on a Windows 7 machine (64 bit) and I'm experiencing this on FF 30 - but not Chrome 35.

When tabbing through the widgets in a sidebar in the Customizer, some extra blue lines appear to the left of the selected widget.

Steps to recreate:

• Tab to Appearance > Customize and press Enter
• Tab to Widgets section and press Enter
• Tab to one of the sidebars (that contains widgets) and press Enter
• Tab to the widgets and the blue lines appear

I have attached a screenshot.

[GrahamArmfield]

Extra blue lines indicated with red arrow

[westonruter]

Yeah, the element receiving focus should probably have outline:0 to override the default border style applied by Firefox on that OS.

[GrahamArmfield]

But there does need to be some obvious focus indication.

[westonruter]

Replying to GrahamArmfield:

But there does need to be some obvious focus indication.

Yes. You can see the focus indication is the black arrow, whereas the unfocused indication is a gray arrow. It's perhaps too subtle, but that's the way it is supposed to be right now.

[nvwd]

removes the outline from widget action links

[ocean90]

In 29122:

Don't use box shadow focus styling for widget arrows, see #28267.

fixes #28834.
props nvwd.