78839 - focus in checkbox is barely visible when I tab within html widgets

Status: RESOLVED DUPLICATE of bug 251198

(Core :: Layout: Form Controls, defect, P5)

Description

[shrirang khanzode]

found by the tucson QA guys !

seen on 0503 windows trunk

steps:

Go to the above url
click in the first textfield to get focus
TAB to go to the next textfield
TAB again so that the focus goes to the checkbox

Observe that like in 4.x , the focus does not go to the text b the checkbox but 
the checkbox gets bordered from the inside which is barely visible to the user.

Expected: Text should get focussed or checkbox should get highlighted from 
outside so that user can actually see that it IS focussed.

Comment 1

[Jesse Ruderman]

IE's solution, putting a focus outline around the checkbox, has an additional 
advantage: the target area is larger, making it easier to toggle the checkbox 
with the mouse.

Comment 2

[TucsonTester3]

Attachment: reduced testcase

Comment 3

[Jesse Ruderman]

*** Bug 113220 has been marked as a duplicate of this bug. ***

Comment 4

[Bob Clary [:bc] (inactive)]

I see a dotted outline on the checkbox in winxp with a build from this morning.
fixed or wfm ?

Comment 5

[Jesse Ruderman]

The focus outline is now visible on the bottom and right but invisible on the
top and left.

Comment 6

[s.marshall]

The behaviour described in last comment appears to be fixed in Firefox 1.5 on Windows XP - focus is now drawn as a dotted orange line on top of all four sides of the box.

However because the dotted line goes on top of the black, it's rather difficult to see against the black. This compares to Internet Explorer, which displays a clear, large, and extremely ugly focus rectangle at some distance from the checkbox.

Perhaps it would be possible to make the focus outline appear just outside the box instead of on top of it? This would make it much clearer.
 

Comment 7

[Jesse Ruderman]

I see the same as in comment 5, using Firefox trunk on Windows XP.  Where are you getting the color orange?

Comment 8

[s.marshall]

Correction - this problem (focus on two sides only) still seems to occur on Windows XP **when display is set to Classic grey mode** (so that the checkbox is 3d effect). 

when using the default blue Windows XP theme, the checkbox has only a plain 1-pixel black border. In that case focus displays correctly (but almost invisibly) as an orange dotted line, as described in my previous comment.

Comment 9

[Aaron Leventhal]

*** This bug has been marked as a duplicate of 142898 ***

Comment 10

[Jesse Ruderman]

The testcase here doesn't involve labels, so this isn't really a dup.  Did you mark it as a dup because you're working on a patch that fixes both or something like that?

Comment 11

[Aaron Leventhal]

You're right. Focus rings in general are hard to see, especially on checkboxes with no label. However, this is then really covered by bug 251198 (or bug 53927 if you're on a Mac). Those bugs are getting attention for the general case of focus outlines whereas this is specific just to checkboxes.

Comment 12

[Aaron Leventhal]

*** This bug has been marked as a duplicate of 251198 ***