dans.blog: Blinking cursor in Firefox 2 bleeds through divs...

[UPDATED: Thursday, December 04, 2008 at 4:36:59 PM]

I have a weird problem I'm running into again, but haven't been able to find a fix. In FF2, when I place a <div /> over an <input /> element that currently has focus, the blinking cursor shows up through the top layer.

I put together this little video to show off the problem:

Here's a working example of the bug. If you open the page in Firefox 2, you should see the cursor blinking in the middle of the word overlay.

Does anyone know of a fix for this problem?

Categories: HTML/ColdFusion

5 Comments

JoshG
Dec 4, 2008 @ 2:21 PM

Maybe try to put the menu div inside of an iframe?

Sorta like is done http://users.tpg.com.au/j_birch/plugins/superfish/... on bgiframe example.

I have no idea just a suggestion.
Dan G. Switzer, II
Dec 4, 2008 @ 4:47 PM

I just posted a working example of the bug:
http://www.pengoworks.com/workshop/bugs/ff2_blink_...
Adrian Lynch
Jan 30, 2009 @ 9:21 PM

Not ideal, but you could remove focus from the input when the menu is extended, then return it when the menu is retracted.
Gerard McHale
Dec 20, 2010 @ 11:34 AM

Hi Dan,

I was just wondering if you ever discovered a solution to this problem. I'm actually having the same issue on IE8 and I can't find a solution.

Thanks,
Ger
Dan G. Switzer, II
Dec 20, 2010 @ 11:53 AM

@Gerard:

The issues would be different between Firefox and IE--as the rendering engines are different. I never found a fix for FF, but you might be able to use an IFRAME overlay to resolve the issue in IE.

Comments for this entry have been disabled.