When using IE6, autocomplete.js:
http://cvs.drupal.org/viewcvs/drupal/drupal/misc/autocomplete.js
doesn't hide SELECT elements when the autocomplete popup displays. The user is able to see the first item in the popup autocomplete box but items 2, 3, and 4 are hidden. The problem gets worse if the SELECT box is a multiline select box in which case items 2, 3, 4, etc. are hidden. An example of a page layout where this occurs is if you have an autocomplete textbox to add an item to the list and a multiline SELECT element showing already existing items in the list:
Enter name (autocomplet):
Existing Names:
A brute force solution would be to hide all SELECT elements on the page when a popup window pops up. A beter solution would be to let the user specify which elements should be hidden when the popup is dispalyed.
An even better solution is to calculate which SELECT boxes the popup window is going to appear over and hide just those elements. This is what the jscalendar componenet does. When this page is viewed in IE6 and a popup calendar is activated and moved over SELET elements, the SELECT elements are automatically hidden:
Comment | File | Size | Author |
---|---|---|---|
#6 | autocomplete.js_.ie6_section_fix.patch | 869 bytes | Carsten Müller |
#5 | autocomplete.js_.ie6_section_fix.patch | 869 bytes | Carsten Müller |
Comments
Comment #1
elv CreditAttribution: elv commentedThis is an old and nasty IE6 (and below) bug. Form elements are outside of the DOM's flow, and are always the top most elements. Z-index won't help.
See this issue for NiceMenus module: http://drupal.org/node/141135 for a quite hack-ish workaround. I wonder if this could/should be used in core though.
Comment #2
Anonymous (not verified) CreditAttribution: Anonymous commentedThe user experience project is closing so this issue is being moved to the usability component under the Drupal project
Comment #3
sun.core CreditAttribution: sun.core commentedSorry, but we cannot fix all madness in IE6.
Comment #4
Anonymous (not verified) CreditAttribution: Anonymous commented//edit
Wrong post
Comment #5
Carsten Müller CreditAttribution: Carsten Müller commentedHere is the patch file to the posted code above.
Just apply the patch to the root of your Drupal installation
Comment #6
Carsten Müller CreditAttribution: Carsten Müller commentedfor some reason the patch file was not uploaded and i can not replace it. so here it is again
Comment #7
Anonymous (not verified) CreditAttribution: Anonymous commentedquick fix for Drupal autocomplete.js,v 1.23 and higher
Autocomplete History: http://drupalcode.org/viewvc/drupal/drupal/misc/autocomplete.js?view=log
Search for "#node-form" and replace the div hierarchy.