Diagram bug

[Renard]

Hi:

Do you want me to help you solve the problem of the diagram becoming confused after using the loadDiagram method to restore the data that was previously saved using the saveDiagram method, after clearing the diagram?

initialization effect：

bug:

demo URL:

https://stackblitz.com/edit/angular-ugrbdg?embed=1&file=src%2Fapp.component.html

[Vivisa Ganesan]

Hi,

We have modified and attached the sample. You should remove diagram.refresh

method while loading the diagram. Please refer below sample.

Sample:

https://stackblitz.com/edit/angular-vuqyow-f3fnkx?file=src%2Fapp.component.ts,src%2Fapp.component.html

Regards,

Vivisa

[Renard]

Hi:

A new problem has arisen, please help solve it. Thank you.

 bug 1

Select the entire diagram and then delete it using the Delete key on the keyboard. Then use the Undo method of the diagram. The interface will become disordered and not look like it did before.

bug 2

When I try to shrink a Flow Shape to the left after adding it on the far right, it doesn't work. Why is that?

[Vivisa Ganesan]

Hi,

Query	Solution
Select the entire diagram and then delete it using the Delete key on the keyboard. Then use the Undo method of the diagram. The interface will become disordered and not look like it did before.	We can reproduce the reported issue. We will validate and update you with more details on June 22,2023.
When I try to shrink a Flow Shape to the left after adding it on the far right, it doesn't work. Why is that?	It is the default behavior of the diagram, where you can resize a swimlane to the right side but not to the left side. This behavior is due to the placement of a shape within the swimlane, specifically near the right edge and close to the phase line. You can resize the swimlane to left only after repositioning the shape inside the swimlane. Please refer the below video.

Regards,

Vivisa

Attachment: swimlaneresizeissue_226e0eb1.zip

[Vivisa Ganesan]

Hi ,  

Reported Issue: Child nodes are not rendered after delete and undo the swimlane

  

We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on July 11, 2023 weekly patch release.  

https://www.syncfusion.com/feedback/44765/child-nodes-are-not-rendered-after-delete-and-undo-the-swimlane

Regards, 

Vivisa

[Renard]

Hi

bug 1:

When I drag the entire diagram to the right, the right border becomes invisible.
And the scroll bar at the back also disappears.

bug 2:

First, add lines and then add Swimlane Shapes. At this time, the lines will not be visible, but if you add Swimlane Shapes first, the lines can be seen no matter how they are dragged. Please refer to the GIF for more details.

[Balasubramanian Manikandan]

Renard,

Query	Solution
When I drag the entire diagram to the right, the right border becomes invisible.  And the scroll bar at the back also   disappears.	We have examined the problem of the right border becoming invisible on our side. We will investigate further and provide additional information on July 5th, 2023. However, we have not been able to reproduce the issue of the scrollbar at the back not being visible. If you are still encounter the scroll bar issue then please provide us the replication steps or video to assist you further. Sample: https://stackblitz.com/edit/angular-pxkwi3?file=src%2Fmain.ts
First, add lines and then add Swimlane Shapes. At this time, the lines will not be visible, but if you add Swimlane Shapes first, the lines can be seen no matter how they are dragged. Please refer to the GIF for more details.	This is the expected behavior of our diagram control and the reason for this is the utilization of the Z-order feature in the diagram control. Z-Order commands allow you to visually organize the chosen elements, such as nodes and connectors, on the page. In your scenario, the connectors having less Z-order compared to swimlane since the swimlane are the last added element in the diagram.  Refer to the below documentation for more details about our Z-order feature of the diagram.   Documentation: https://ej2.syncfusion.com/angular/documentation/diagram/commands#z-order-command

Attachment: SwimlaneVideo_fd00dbdd.zip

[Balasubramanian Manikandan]

Query	Solution
When I drag the entire diagram to the right, the right border becomes invisible.	To ensure the right border of the swimlane is visible, adjust the padding value for the right side of the scrollSettings to 5. Please refer to the code example and sample below.

Code Snippet

  this.diagram.scrollSettings = {

              padding : { left: 5, right: 5},

        };

Sample

https://stackblitz.com/edit/angular-pxkwi3-wen8m9?file=src%2Fapp.component.html

[Balasubramanian Manikandan]

Renard,

We have fixed the reported issue (Reported Issue: Child nodes are not rendered after delete and undo the swimlane) and included it in our latest patch release which is rolled out successfully.

Please upgrade to the latest version (v22.1.38) packages of the diagram to resolve this issue.    

   

https://www.npmjs.com/package/@syncfusion/ej2-diagrams

[Renard]

Hi

 bug 1:

After using the loadDiagram or undo methods, the lines cannot be selected.

When using a separator to divide a region, deleting and then undoing it results in disorder.

[Balasubramanian Manikandan]

We are unable to reproduce the first two issues mentioned in your attached gif. It appears that you might be using an older version of the diagram control. If that's the case, kindly consider updating to our latest version (v22.2.5) for a resolution. However, we were able to replicate the last issue you mentioned in the gif. We will thoroughly validate it and provide further details on August 2nd, 2023. For your reference, please find the video recording below.

Attachment: SwimlaneIssueReplicate_f9b0c831.zip

[Balasubramanian Manikandan]

We need some more time to validate your issue, we will validate and update with more details on 4th August, 2023.

[Balasubramanian Manikandan]

Reported Issue: Swimlane child are not positioned properly and throw exception after deleting and then undoing

We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on August 22^nd, 2023, weekly patch release.  

https://www.syncfusion.com/feedback/45910/swimlane-child-are-not-positioned-properly-and-throw-exception-after-deleting-and

[Gobinath Dhamotharan]

Hi,

 

We have fixed the reported issue and included it in our latest patch release which is rolled out successfully.

Please upgrade to the latest version (v22.2.10) packages of the diagram to resolve this issue.       

https://www.npmjs.com/package/@syncfusion/ej2-diagrams

 

Regards,

Gobinath