Diagram Component node selection

I'm currently using a SfDiagramComponent in a Blazor wasm app. I'm also using a NodeTemplate.

Clicking a node calls our OnNodeClicked method only if the user clicks on the left half of the node. I noticed that the cursor also changes based on which half (horizontally) of the node is hovered.

We would like the node selection to occur if any portion of the node is clicked.

Please advise.

Thank you.


5 Replies

JJ Jawin John Syncfusion Team September 30, 2025 09:05 AM UTC

Hi Steve DeLollis,

We suspect that you want to select a node by clicking on either the left half or right half of the node and change the cursor accordingly — is that correct?
 

We’re not entirely sure we understand your exact query. Could you please explain it in more detail? This will help us provide a more accurate and helpful solution.

Best Regards,
Jawin



SD Steve DeLollis September 30, 2025 08:25 PM UTC

That is correct. We want to select a node by clicking anywhere within the node (right half or left half).


We're not really concerned with the cursor. That was simply an observation.


Thanks,

Steve



JJ Jawin John Syncfusion Team October 1, 2025 12:50 PM UTC

Hi Steve DeLollis,

 

Thanks for your update.

 

Wherever we click on a node, the respective node is expected to be selected. We have tried to reproduce the reported issue using NodeTemplate, but the issue could not be reproduced on our end.

 

To help us understand the problem better and provide a more accurate solution, could you please share a video demonstrating the issue you're facing?

 

Best Regards,

Jawin




SD Steve DeLollis October 1, 2025 03:56 PM UTC

Jawin,


Here is a link to a video demonstrating the node click issue.

When clicking on the right side of the node, it is not selected. When clicking on the left side, the node is selected.


https://youtu.be/6C1swxCwj8s


Thanks,

Steve



IT IssacImmanuvel ThomasJebaraj Syncfusion Team October 2, 2025 10:29 AM UTC

Hi Steve DeLollis,

Thank you for sharing the video. We have reviewed it and noticed that when hovering over the nodes, the pan cursor seems to be enabled. By default, the cursor should switch to select/drag mode when hovering over a node, based on the node's selection state. To investigate further, we attempted to replicate the issue using both the ZoomPan and SingleSelect tools, but we were unable to reproduce the behavior.

To help us assist you more effectively, could you please share a simple sample that reproduces the issue? This will allow us to analyze it in detail and provide a more accurate solution.


Regards,

Issac Immanuvel T



Loader.
Up arrow icon