[Dojo-checkins] [dojo] #10394: ComboButton: Can not determine focus in high contrast on drop down menu with 2 items in FF

[dojo]

#10394: ComboButton:  Can not determine focus in high contrast on drop down menu
with 2 items in FF
---------------------------+------------------------------------------------
 Reporter:  becky          |       Owner:  becky 
     Type:  defect         |      Status:  new   
 Priority:  normal         |   Milestone:  tbd   
Component:  Accessibility  |     Version:  1.4.0b
 Severity:  normal         |    Keywords:        
---------------------------+------------------------------------------------
 This problem is only apparent in Firefox, IE uses a different focus
 border.

 1. Load dijit/tests/form/test_Button.html in Windows high contrast mode

 2. tab to the arrow portion of the create combo button, press enter

 3. Use the arrow keys to move between the drop down items, notice that it
 is very difficult to determine which item has focus  Also note that on
 menu drop downs with more than 2 items, the focus border is not drawn
 completely around the first and last item.

 The problem is related to setting overflow: hidden on the table element of
 the menu.  This occurs in _HasDropDown.openDropDown():

 {{{
    var mb = dojo.marginBox(ddNode);
    var overHeight = (this.maxHeight && mb.h > this.maxHeight);
    dojo.style(ddNode, {overflow: overHeight ? "auto" : "hidden"});
 }}}

 If overflow:hidden is not set, the focus border gets properly drawn.

 Another option to fix this problem is to draw the focus border around the
 text item as is done in IE using this style:
  {{{
         .dj_ie .dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
         border-width: 1px;
         border-style: solid;
         }
 }}}

-- 
Ticket URL: <http://bugs.dojotoolkit.org/ticket/10394>
dojo <http://dojotoolkit.org/>
The Dojo UI Toolkit