Opened 8 years ago
Closed 8 years ago
#16390 closed defect (invalid)
The button on toolbar does not draw focus when move focus to it with short-cut key
Reported by: | hyang | Owned by: | hyang |
---|---|---|---|
Priority: | undecided | Milestone: | tbd |
Component: | Dijit | Version: | 1.6.1 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
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
Attachments (1)
Change History (7)
Changed 8 years ago by
Attachment: | test_Toolbar.html added |
---|
comment:1 Changed 8 years ago by
Owner: | changed from bill to hyang |
---|---|
Status: | new → pending |
comment:2 Changed 8 years ago by
Status: | pending → new |
---|
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.
comment:3 Changed 8 years ago by
Status: | new → pending |
---|
Yes, but what browser? Oh, nevermind, you updated to it say FF16. I will try.
comment:4 Changed 8 years ago by
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?
comment:5 Changed 8 years ago by
Status: | pending → new |
---|
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
comment:6 Changed 8 years ago by
Resolution: | → invalid |
---|---|
Status: | new → closed |
Here is one of many possible ways:
.dijitButtonContents:focus { outline: dotted black 1px; }
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?