The button on toolbar does not draw focus when move focus to it with short-cut key

[hyang]

1: copy attache file to dijit\tests

2: visit the page

3: press tab to make focus into the first edit area

4: press CTRL+M to make the focus to toolbar

Defect: The focus is on toolbar, but have no visible focus

Notice: If you make the toolbar get focus before using short-cut key, the issue should not exist

[bill]

On Dojo 1.6, the Ctrl-M doesn't do anything for me, but on 1.7+, it moves the focus fine. Tested on chrome/mac since you didn't say what browser you were testing on. Is there another case that fails?

[hyang]

My mistake.

My ENV is Win7+ Dojo 1.6.1+ FF16

in My ENV, when press ctrl+M, the focus will move to toolbar, but the focus does not draw, and make customer does not know where the focus on. only fail this case.

[bill]

Yes, but what browser? Oh, nevermind, you updated to it say FF16. I will try.

[bill]

OK, well this is just the way that FF works. It doesn't show a focus outline on nodes until the user starts tabbing around. I think it's by design, because most people use the mouse and don't like the focus outline.

You can confirm the behavior by tabbing somewhere else, for example from the second input into the second toolbar, and then typing Ctrl-M. The focus outline on the cut icon in the first toolbar will now be shown correctly.

I'm sure you could override it by setting up a CSS rule but I don't want to override this default behavior. Makes sense?

[hyang]

I am working on ACC task, QE insist that the focus should always visible with keyboard operation.

could you give me the suggestion override which CSS rule to override the default Behavior?

Thanks in advance

[bill]

Here is one of many possible ways:

.dijitButtonContents:focus {
	outline: dotted black 1px;
}