Problem With Connector

[Kabe]

Hi - I have been studying your excellent BPMN show case project (located here https://github.com/syncfusion/ej2-showcase-angular-bpmn-editor )

One feature that I am looking at is the ability to 'draw' connectors between nodes. My attached video shows you what I mean. The issue is that the connector is not staying connected to the source node when this action is done on a swimlane.

I have created a stackblitz so that issue can be easily reproduced and studied. Please help!

https://stackblitz.com/edit/stackblitz-starters-cscpzu?file=src%2Fapp%2Fdiag%2Fdiag.component.ts

Attachment: broken_connector_107fb7f4.zip

[Balasubramanian Manikandan]

We can able to replicate the issue, we will validate and update with more details on Sept 15th, 2023

[Gobinath Dhamotharan]

Hi,  

Reported Issue : Connector Created with User-Handle Inside Swimlane Is Not Connecting to the Source Node

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 October 03, 2023 weekly patch release.  

https://www.syncfusion.com/feedback/46941/drawing-object-connector-is-not-connected-to-source-node-inside-swimlane

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,  

Gobinath

[Kabe]

great! looking forward to it.

K

[Vivisa Ganesan]

Hi,

As we promised, We will fix this issue and provide the patch on October 03, 2023 weekly patch release.  

Regards,

Vivisa

[Sivaranjith Jeyabalan]

Hi Kabe,

Sorry for the inconvenience,

The issue appears to be within the sample you have provided. The problem arises when the drawing tool is not properly configured for the diagram, resulting in connector disconnections. We can fix this issue at application level by setting diagram tool as DiagramTools.DrawOnce. Please find the modified sample and code example below.

let drawingObject: ConnectorModel | NodeModel = {

          type: 'Orthogonal',

          shape: { type: 'Bpmn' },

        };

this.selectedItem.diagram.drawingObject = drawingObject;

this.selectedItem.diagram.tool = DiagramTools.DrawOnce;

this.selectedItem.diagram.dataBind();

Sample: SyncFusion Sept 12 (forked) - StackBlitz 

Regards,

Sivaranjith

[Kabe]

Ok great, thanks!  As mentioned the code came from the syncfusion show case project and I would never have figured this out on my own since the issue only appear when the connector was made between nodes on the swim lane.

Relieved that it is working now. Thanks!

K

[Preethi Rajakandham]

Hi Kabe,

You're welcome. 

We are glad to know that the reported problem has been resolved. Please let us know if you have any further queries on this. We are happy to help.

Regards,

Preethi R