Expand and Collapse icon have the wrong cursor on hover

[Unknown]

Hi,

I modified the demo from : https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/complex-hierarchical-tree, to add expand and collapse icons that are outside the node. The diagram tools are ZoomPan | SingleSelect, when I hover above the expand/collapse icon I get the hand cursor instead of a classic cursor.

You can check this behavior on this stackblitz which is a fork from your demo : https://stackblitz.com/edit/angular-dvmcb4?file=app.component.html,app.component.ts

Regards,

Théo Armengou

[Aravind Ravi]

Hi Theo,

We have modified the sample to update the mouse cursor when hovering on the node’s expand / collapse icon. On the analysis of the shared sample, we found that you have set the connector constraints as LineRouting so that the reported issue occurs. If you want to use LineRouting for connector means then set connector constraints as Default | LineRouting. Please refer to the below code snippet and sample

public connDefaults(connector: ConnectorModel): void {

    connector.type = 'Orthogonal';

    connector.constraints =

      ConnectorConstraints.Default | ConnectorConstraints.LineRouting;

    connector.cornerRadius = 7;

    connector.targetDecorator.height = 7;

    connector.targetDecorator.width = 7;

    connector.style.strokeColor = '#6d6d6d';

  }

Sample: https://stackblitz.com/edit/angular-dvmcb4-yzncpf?file=app.component.ts

We have attached a video demonstration of how the cursor gets updated while hovering on expand/collapse icon. Please find the video in the below link

Video: https://www.syncfusion.com/downloads/support/forum/175058/ze/Video815766856

Regards

Aravind Ravi

[Unknown]

Hi,

Thanks, didn't realize the problem came from connector constraints so I used this :

connector.constraints = ConnectorConstraints.ReadOnly | ConnectorConstraints.PointerEvents;

Because I don't need anything from connectors, I don't know what does LineRouting exactly it's just that it disabled all interactions so I used it, but ReadOnly seems more appropriate.

Regards,

Théo Armengou

[Aravind Ravi]

Hi Theo,

Thanks for the update. Please get back to us if you need any further assistance.

Regards

Aravind Ravi