Different behaviour IE9/10 and IE Edge

[cytoscape]

Different behaviour IE9/10 and IE Edge

[maxkfranz]

Nothing is going to work with IE<9, as it doesn't support canvas

[eelco2k]

well that's strange that when I use <meta http-equiv="X-UA-Compatible" content="IE=8">
on a IE10 browser canvas works. it's the compatible mode of IE=8.

It's not about if canvas works or not... The case is that the rightclick (cxttapstart taphold) in IE9/10 behaves strange. the default contextmenu of windows is appearing after the second time rightclick. which causes the contextmenu of cytoscape to stay visible. and other nodes are no longer reacting on the cy.cxtmenu().

By adding this http-equiv this behaviour changes so when i use content="IE=8" or lower. the context menu works. but then the node labels are not visible because i use background-image svg's. as labels instead of the normal labels. (but that's a different problem)

So i cannot use IE=8 as a solution and for the fix of my background-image I need to explicitly put the meta http=equiv to IE=9. because IE=10 has that browser bug with the svg background. Otherwise I wouldn't use any of the meta http=equiv in my header.

Furthermore also native IE10 (with no http=equiv IE=8/9/10 mode) users report that rightclick also triggers the standard windows context menu when selecting an command item. except that the cytoscape menu will dissapear and when right clicking on another node the cy.cxtmenu keeps functioning.

For that i found a workaround:

//IE contextmenu fix $('body').bind('contextmenu', function(e) { if (e.target.tagName === "CANVAS") { e.preventDefault(); } });

[eelco2k]

I have added a video where i reproduce the problem:

vimeo cxtmenu IE9 & 10 problem

[eelco2k]

another demo to demonstratie IE9/10 bug: used the cxtmenu demo.html file this time.

(https://vimeo.com/193874830)

[maxkfranz]

You're not going to get any visualization technology to work in IE8 -- except Flash. No version of IE supports SVG properly. Canvas works only in IE9+: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement

Those compatibility modes aren't accurate and match no version of IE proper.

If you really want to support a browser that is the better part of a decade out of date, I'd really recommend using Flash.

[eelco2k]

The video above reproduces the problem in IE9&10 which has nothing to do with SVG because the cxtmenu is pure canvas. Another problem is that I cannot use IE11 because of the SVG background issue. But that's not the problem i want to raise in this issue.

I only want to say that users who only have IE9 or 10 the cxtmenu with rightclick just doesn't behave correctly. If the support of those browsers are not within the scope of cxtmenu then i can understand. but it would be nice if for those usecases (cxtmenu with IE9/10) would work without the interference of the default windows contextmenu. And that the cxtmenu functionality then after one time rightclick is gone.

[maxkfranz]

The extension already prevents the system context menu from showing up. Otherwise, you'd see it in Chrome and Firefox. If there are bugs in IE itself, there's nothing I can do.