Move cursor doesn't disappear within IE9

[myk]

After moving Window, the move cursor stays until you click somewhere. This only happens using Internet Explorer 9. (ExtJs 3.4)

20111201_17_00.png

[mitchellsimoens]

Inspect the CSS? Is the cursor's CSS on the Window stuck or no?

[vosManz]

Hi,

I have the same problem in ExtJS 3.4.0. using IE9.

When I use the ExtJS examples, I also have this problem.

Steps to reproduce:
- Open http://dev.sencha.com/deploy/ext-3.4...x/msg-box.html
- Click the 'show' button for the confirm dialog.
- Move the window by dragging the top title bar.
Now the move cursor will still be visible, also when you move the mouse off the window, or on the 'close' button or something. Even when you push the 'Esc' button, the window will close but you still have the move-cursor. When you click, the cursor is correct.

Tested in:
- Not correct: IE9
- Correct: IE7, IE8, FF8, Chrome 15, Safari 5.1.2 (for Win), Opera 11.52

I also found this thread, maybe it's related?
http://www.sencha.com/forum/showthre...ear-within-IE9

Any idea what the problem can be?

Thanks in advance!

[vosManz]

nodody?

[daniel.gallo]

I've also noticed this issue in Ext JS 3.4 when dragging a Window within IE9, plus other frameworks that have draggable components.

For instance, drag the panel on this page within IE9, and the "move" cursor is not removed until clicking the page's body - http://www.asp.net/ajaxlibrary/AjaxC...DragPanel.aspx

I've noticed that the same issue doesn't exist for Ext JS 4 Windows though, so does anyone know what workaround was put in place in Ext JS 4 to resolve this, as I need to resolve the same problem in Ext JS 3.4.

Thanks.

[tfshnike]

Try it!

Ext.apply(Ext, {			/* Move cursor doesn't disappear within IE9  */
			removeNode : Ext.isIE6 || Ext.isIE7 ? function(){
				var d;
				return function(n){
					if(n && n.tagName != 'BODY'){
						(Ext.enableNestedListenerRemoval) ? Ext.EventManager.purgeElement(n, true) : Ext.EventManager.removeAll(n);
						d = d || DOC.createElement('div');
						d.appendChild(n);
						d.innerHTML = '';
						delete Ext.elCache[n.id];
					}
				};
			}() : function(n){
				if(n && n.parentNode && n.tagName != 'BODY'){
					(Ext.enableNestedListenerRemoval) ? Ext.EventManager.purgeElement(n, true) : Ext.EventManager.removeAll(n);
					n.parentNode.removeChild(n);
					delete Ext.elCache[n.id];
				}
			}
		});

[mankz]

I can still see this in Ext JS 4: http://www.bryntum.com/examples/gant...sic/basic.html

Try dragging a task.