Ticket #5297 (closed bug: fixed)
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: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.
Note: See
TracTickets for help on using
tickets.


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.