Opened 11 years ago

Closed 10 years ago

#8195 closed defect (duplicate)

ComboButton: dotted focus outline should be inside button

Reported by: Scott Lewis Owned by:
Priority: high Milestone: 1.4
Component: Dijit - LnF Version: 1.2.1
Keywords: Cc:
Blocked By: Blocking:

Description (last modified by bill)

The accessibility (ie keyboard) focus (dotted outline) should be within the combo button area and the dropdown button area. The dropdown arrow needs to be center-aligned to its button area.

Current look: screenshot of current behavior, w/border on edge

Attachments (1)

combobutton.png​ (4.9 KB) - added by bill 11 years ago.
screenshot of current behavior, w/border on edge

Download all attachments as: .zip

Change History (5)

comment:1 Changed 11 years ago by bill

Component: General → Dijit
Description: modified (diff)
Owner: anonymous deleted
Summary: ComboButton - visuals → ComboButton: dotted border should be inside button

Changed 11 years ago by bill

Attachment: combobutton.png​ added

screenshot of current behavior, w/border on edge

comment:2 Changed 11 years ago by bill

Scott -

Certainly as you've pointed out there's an inconsistency between Button and ComboButton, and that should be fixed, but what do you think we should do for the focus border for other widgets? I'd like to be consistent across dijit.

Currently:

  • TabContainer focus looks like Button, with focus border around the text, inside of the tab
  • but as of #6858 the menu-item focus is on the outer edge (like ComboButton)
  • there's an open ticket for Accordion, #7775

comment:3 Changed 10 years ago by bill

Component: Dijit → Dijit - LnF
Milestone: tbd → 1.4
Summary: ComboButton: dotted border should be inside button → ComboButton: dotted focus outline should be inside button

Waiting for advice from Julie about how focus outline should look in general.

comment:4 Changed 10 years ago by Douglas Hays

Resolution: → duplicate
Status: new → closed

Dup of #6150, fixed in [17678] for 1.4 with the addition of a BUTTON tag to the template.

Note: See TracTickets for help on using tickets.