Jump to content

Cursor Bleeding Thru Ajax Popup


newseed
 Share

Recommended Posts

Please review this in IE:ht tp://67.22.139.57/sto re/pc/viewPrd.asp?idproduct=1&idcategory=3 (remove two spaces)1. Scroll down where the color choice options are.2. Point and click your mouse over the input field of the 2nd color (031-Red). Don't enter anything and don't click anywhere else. You should see the vertical '|' cursor line flashing.3. Now move your mouse over the text '031-Red' that is on the left. It will popup a ajax popup to the right showing a full size square color image with some text info.4. Pay close attention to that popup and you will see the cursor line bleeding thru and flashing. It should not do that.Not much on the net about this issue and I have no clue what to do or look for.Here's what I done so far:A. Set the popup's z-index to be the highest number.B. Removed the overflow div frame from the color list.C. Disabled all css (except for the ajax popup).This only occurs in IE.Any suggestions?

Link to comment
Share on other sites

  • 3 weeks later...

It can't be fixed without forcing the input to lose focus.The best way to do that is to move the focus to another element that you're sure won't be under the box. Choose your element and then, when the mouse hovers over the box set the focus of that element using the focus() method: element.focus() where "element" is a reference to the element you want to focus. The less efficient solution would be to loop through every single <input> element can call the blur() method instead.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...