Canvas scrolling to top of the page on click

I have a canvas which is bigger than my screen (800px) and every time i scoll on the page and click the canvas, my page scrolls to the top of the page.

I have already tried to set scrollsPageOnFocus to false and also tried to use:
myDiagram.doFocus = function() {
var x = window.scrollX || window.pageXOffset;
var y = window.scrollY || window.pageYOffset;;
window.scrollTo(x, y);

Both don’t resolve the issue.

We have a product license and are using the latest version 2.0.12. This was tested on both IE and Chrome.

I’m sorry, but I am unable to reproduce any problem in a page with a diagram DIV that is 1600px tall in the middle of a page that is many thousands pixels tall, in either IE11 or Chrome. This is without any override of Diagram.doFocus nor with setting Diagram.scrollsPageOnFocus.

Could you please provide a minimal sample that demonstrates the problem?

This page is rendering within a SharePoint environment. Perhaps this is providing extra overhead?

Yes, maybe SharePoint is imposing its own policies regarding focus. I’m sorry I cannot help you there.