[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