Home/ Questions/Q 7712429
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T01:37:47+00:00

In my drag-and-drop implementation, I create a mask element over the whole page and

  • 0

In my drag-and-drop implementation, I create a “mask” element over the whole page and apply a mousemove event to it, along with a CSS cursor property as needed and relevant. The mask element is then removed when the element being dragged is dropped. This works perfectly fine, however in IE the cursor gets temporarily stuck. It stays at whatever the mask had it set to, but reverts to normal when anything is done (clicking anywhere, pressing any key on the keyboard, but NOT just moving the mouse). This isn’t a major problem, but it can be confusing – especially in the case where the element being dragged is small so I set the cursor to none in order to make it easier to see what is being done.

Any suggestions?

Edit: I made a test page and it’s working just fine, so it’s probably because of how complex the page is. Interestingly, the cursor doesn’t just get stuck in the document, it gets stuck elsewhere on the window too – I have to unstick it to be able to change tabs or type in the URL bar, for example. It seems like the JavaScript is affecting the entire program, which seems more like an IE bug than a JavaScript error…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not sure what I did, but it’s fixed now. Possibly something small like making the mask scrollable (in case the mask’s content is bigger than the page) is all it took.

    • 0