[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 Example
CSS Example

(B) Temporarily hide selects when elements are dragged using visibility: 
With Prototype & Scriptaculous you might do
$$('select').invoke('setStyle', {visibility: 'hidden'});
$$('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