Autocomplete drop-down menu behind select elements in IE6
voidengine - October 11, 2007 - 17:52
| Project: | Content Construction Kit (CCK) |
| Version: | 5.x-1.6-1 |
| Component: | nodereference.module |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
Hi,
I have a Node Reference field positioned just above several rows of select menus. When I enter a value in the Node Rererence field, the drop-down auto-select menu of matches falls behind the select elements, so I can't see the auto-select menu items.
I've tried working with CSS and Z-index but have had no luck. Any clues?
Thanks,
Ray

#1
It is a IE6 bug, not a CCK module bug. IE6 renders the input selects at top of any web element ignoring the CSS z-index property. The only solution avaiable is to hide the 'select' elements with Javascript when the drop-down is showing and enable it after selecting the option in the drop-down.
#2
Not the only solution. You can also add an iframe below the dropdown... as iframes and flash lay over the select. Nevertheless - this is a IE6 bug for sure.