Ticket #5297 (closed bug: fixed)

Opened 3 years ago

Last modified 3 years ago

Autocomplete: menu layout in IE6

Reported by: joern.zaefferer Owned by:
Priority: blocker Milestone: 1.8
Component: ui.autocomplete Version: 1.8rc3
Keywords: Cc:
Blocking: Blocked by:

Description

The anchor on each menu item doesn't span the full menu in IE6, so its easy to click on the menu without selecting an item. Setting width:100%, as suggested on the forum ( http://forum.jquery.com/topic/1-8rc3-autocomplete-error-in-ie6) breaks the layout in FF. And the anchor is already display:block, so it actually should span...

Change History

comment:1 Changed 3 years ago by joern.zaefferer

There is width:100% defined for .ui-menu .ui-menu-item - removing that actually makes a different in IE6 and, it seems, none in Firefox. Still not perfect, but better.

comment:2 Changed 3 years ago by tibi7000

In jquery.ui.autocomplete.css, following the workaround from the autocomplete section, I've added:

/* workarounds */

  • html .ui-menu .ui-menu-item a { width:100%; } /* without this, the a element expands to 100% in IE6 */

That is because IE6 has some problems with width:auto.

It seems to work both in Firefox and IE6 now.

comment:3 Changed 3 years ago by scott.gonzalez

  • Status changed from new to closed
  • Resolution set to fixed

Fixed in r3882.

Note: See TracTickets for help on using tickets.