Search and Top Navigation
#5297 closed bug (fixed)
Opened March 05, 2010 05:24PM UTC
Closed March 11, 2010 03:43AM UTC
Autocomplete: menu layout in IE6
| Reported by: | jzaefferer | Owned by: | |
|---|---|---|---|
| Priority: | blocker | Milestone: | 1.8 |
| Component: | ui.autocomplete | Version: | 1.8rc3 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
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...
Attachments (0)
Change History (3)
Changed March 05, 2010 05:29PM UTC by comment:1
Changed March 08, 2010 10:40AM UTC by comment:2
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.
Changed March 11, 2010 03:43AM UTC by comment:3
| resolution: | → fixed |
|---|---|
| status: | new → closed |
Fixed in r3882.
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.