Issue 1162: contextMenu breaks resizing, drag/drop in ie9
Status:  Done
Owner: ----
Closed:  Nov 2011
Reported by rmjyo...@gmail.com, Oct 28, 2011
Odd problem whereby adding a context menu to the "eventAfterRender" handler causes the resizing & drag/drop functionality to behave oddly. 

If a context menu (with or without code to action) is added, the control stops recognising when the mouse is released. This means that when you re-size the calander entry, it keeps on re-sizing (following the mouse movement) until you click on the form. This functionality works fine in ie8 but not in ie9 (unless run in ie8 compatibility mode!:-) ). Strangely this also occurs in firefox. Having other code in the "eventAfterRender" isn't a problem

code snippet below

  eventAfterRender: function (event, element, view)
       {
		element.contextMenu({
		     menu: 'myCopyMenu'
                  }, function ()
                  {
	          });
       });
Oct 28, 2011
#1 rmjyo...@gmail.com
should have added that i'm using jquery.contextMenu.js for the context menu.
Nov 1, 2011
#2 rmjyo...@gmail.com
The issue seems to be caused by the following code in the contextmenu.js
	$(this).mouseup(function (e) {
	   e.stopPropagation();

if the e.stopPropagation() call is commented out then the drag drop functionality seems to work.... i just have no idea why this brakes it in ie9 but not ie8?!
Nov 2, 2011
Project Member #3 althaus.it
>event.stopPropagation()
>Description: Prevents the event from bubbling up the DOM tree, preventing any parent >handlers from being notified of the event.

Therefore the drag doesn't recognize the end of movement. My guess is that the two plugins aren't compatible.

>brakes it in ie9 but not ie8?!
I'm pretty sure that this is just an odd thing of IE8. ;-)
Status: Done