diagram moves down when shapes is clicked

[Daewoong]

Hi,

 

shape moves down when diagram is clicked

We are using the kendo-ui diagram in AngularJS
There is the same bug as in the link below
https://dojo.telerik.com/EsEsogeK

There are a lot of diagrams drawn in shape,
When you click shape, the diagram screen moves down and disappears from the screen.

Please,,, We want to solve this problem.

[Konstantin Dikov]

Hello Daewoong,

It seems that there is a limit for the height of the Diagram, which is set to "20000px". After that height, every pixel over that height will be appended as an empty space before the shapes. Currently, what I could suggest is to enable fix the height to "20000" at most and move down to the next shapes with "CTRL+drag".

I will contact our developers to see if there is a particular reason for that hard-coded value and if there is none, we could change it to a higher value. If I find a quick workaround for changing the value, I will get back to you with an example.


Regards,
Konstantin Dikov
Progress Telerik

[Daewoong]

hi Konstantin Dikov

I have been waiting a long time for your solution
Is there any solution or patch information from your developers?
I will wait for your reply.

[Konstantin Dikov]

Hi Daewoong,

I have to say that there is no override that we can suggest and the only option would be to get kendo.all.js file and change the SCROLL_MAX property to a different value and use the new file instead.

We will still consider changing this directly in the source code.


Regards,
Konstantin Dikov
Progress Telerik

[Daewoong]

We had another problem.

Using the kendo ui diagram,
There is a very big difference in speed between Chrome browser and IE11

https://dojo.telerik.com/ezOJiTIF

Running the above demo link in IE takes more than 20 seconds
Chrome will run within 2 seconds

The above demo is a sample of the code we are currently developing.
Please let me know how to fix it.

[Konstantin Dikov]

Hi Daewoong,

What is causing the performance issue in IE in the example that you have shared is the following code snippet in the "getVisual" function, which is executed for each element in the Diagram:

var renderElement = $("<div />").appendTo("#diagram");

var output = new dataviz.drawing.Group();
draw.drawDOM(renderElement).then(function (group) {
  output.append(group);
  /* Clean-up */
  renderElement.remove();
  return output
});
g.drawingElement.append(output);

Could you please elaborate what is the purpose of the above code snippet and why it should be executed for each element in the Diagram?


Regards,
Konstantin Dikov
Progress Telerik