Technorati Tags:
jQuery,
JavaScript
I'm using the jQuery UI Autocomplete plug-in on my current intranet project, and am impressed with how powerful and easy to use it is. It works great on my development PC with Internet Explorer 8, and I was very pleased with myself.
…until I tested on one of our "thin client" machines, and my beautiful autocomplete dropdown looked like Swiss cheese:
The browser on the thin-client is, you guessed it - everybody's favorite browser - IE6.
IE6 has z-index issues that lets dropdowns and some other elements peek through the top layer.
Another jQuery plug-in to the rescue: bgiframe. It can be used to surround the autocomplete dropdown in an IFrame to work around the IE6 z-index bug (and if you're using a real browser, it's smart enough to do nothing).
Now my dropdown looks like quality American cheese on IE6!:
