Blinking cursor in Firefox 2 bleeds through divs...

Categories: HTML/ColdFusion

[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?

Dan - Dec 4, 2008 @ 1:09 PM Bookmark/Share Link 2356 Views Print Comments (5)

Comments

JoshG's Gravatar 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.
JoshG - Dec 4, 2008 @ 2:21 PM
Dan G. Switzer, II's Gravatar I just posted a working example of the bug:
http://www.pengoworks.com/workshop/bugs/ff2_blink_...
Dan G. Switzer, II - Dec 4, 2008 @ 4:47 PM
Adrian Lynch's Gravatar Not ideal, but you could remove focus from the input when the menu is extended, then return it when the menu is retracted.
Adrian Lynch - Jan 30, 2009 @ 9:21 PM
Gerard McHale's Gravatar 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
Gerard McHale - Dec 20, 2010 @ 11:34 AM
Dan G. Switzer, II's Gravatar @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.
Dan G. Switzer, II - Dec 20, 2010 @ 11:53 AM

Add Comment

Leave this field empty


If you subscribe, any new posts to this thread will be sent to your email address.