[thelist] Select box overlap in IE (6)
Ken Snyder
kendsnyder at gmail.com
Mon Jul 2 09:33:26 CDT 2007
Anthony Baratta wrote:
> Known bug. I do not think there is a way to fix it.
>
> If you do find a solution, post the solution here please.
>
Yes. As you mention, this is an IE6 bug. There are only two things you
can do in this situation:
(A) Put an IFRAME element exactly over top of the select using CSS or
JavaScript.
JavaScript Example
http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html
CSS Example
http://www.hedgerwow.com/360/bugs/css-select-free.html
(B) Temporarily hide selects when elements are dragged using visibility:
hidden.
With Prototype & Scriptaculous you might do
hide:
$$('select').invoke('setStyle', {visibility: 'hidden'});
show:
$$('select').invoke('setStyle', {visibility: 'visible'});
(A) is difficult and time-consuming to implement but works great. (B)
is easy to implement but looks quite ugly for IE6 users.
You might try posting on the Scriptaculous Mailing list (called
Rails-spinoffs) to see if anyone has a general-purpose script that uses
the (A) approach.
-- Ken Snyder
More information about the thelist
mailing list