Closed Bug 600592 Opened 14 years ago Closed 14 years ago

Focus ring appears around buttons

Categories

(support.mozilla.org :: Army of Awesome, task)

task
Not set
normal

Tracking

(Not tracked)

RESOLVED WONTFIX

People

(Reporter: williamr, Assigned: abuchanan)

References

()

Details

Attachments

(1 file)

Attached image screenshot
Focus rings are appearing around some buttons. Screenshot attached.

Steps to reproduce:
 - Refresh button: click button
 - Cancel button on Twitter redirect dialog: when not signed in, click on a tweet to bring up dialog
 - Sign in button on Twitter redirect dialog: click button

This article [1] may help 

[1] http://www.devcurry.com/2009/08/prevent-dotted-border-around-hyperlink.html
That focus ring exists for a reason, accessibility, and it's generally recommended not to remove it.
Status: NEW → RESOLVED
Closed: 14 years ago
Resolution: --- → WONTFIX
Could you defocus it after clicking though? It looks like it gets stuck in a clicked state after you click it.
(In reply to comment #2)
> Could you defocus it after clicking though? It looks like it gets stuck in a
> clicked state after you click it.

I don't understand, could you clarify?  

In general, I don't think we should be changing the functionality of this.
(In reply to comment #3)
> (In reply to comment #2)
> > Could you defocus it after clicking though? It looks like it gets stuck in a
> > clicked state after you click it.
> 
> I don't understand, could you clarify?  

Try this:
1. click the button
2. after clicking it, click on some white area outside the button

That defocuses the button, making the dotted border disappear again.

I believe there is a way to do that in code, e.g. button.blur() or something.
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: