Hello,

We have customers reporting an issue when their diagrams feature nodes closely packed together. The issue is that the node they double clicked is not the node that gets selected. Instead, it is a nearby node. The event for NodeSelectedScript shows the same problem: the adjacent node (Node B) is shown as the one having been moused over when it was in fact a different node (Node A).

For background, our nodes are connected. One ShapeNode contains an image and the other contains text. The text node is attached to the image node at the bottom left corner and this forms one complete diagram node for the user's purpose.

It seems if we prevent the text node from showing, this problem does not occur, but we need users to be able to see their text nodes.

If the text node of Node A comes close to an image node of Node B, it appears that that text node of Node A takes precedence when the double click event fires even though it is quite obvious visually that the user is clicking on Node B.

Do you have any suggestions on how to resolve this issue?

Thanks.

Hello,

Thank you for your quick reply. I am attaching sample code as requested, so you can see exactly how we create the connected nodes.

float width = 128;
float height = 48;
float difference = width / 2 - 8;
float xLocation = (float)taskNode.XLocation / 2 - difference;
float yLocation = (float)taskNode.YLocation / 2 + 6;

ShapeNode textnode = diagram.Factory.CreateShapeNode(xLocation, yLocation, width, height );

textnode.Text = "Sample Text";
textnode.Id = GetNewId();
textnode.Transparent = true;
textnode.Style = nodestyle;

float innerXLocation = (float)task.XLocation / 2;
float innerYLocation = (float)task.YLocation / 2;
float innerWidth = 16;
float innerHeight = 16;

ShapeNode imagenode = diagram.Factory.CreateShapeNode(innerXLocation, innerYLocation, innerWidth, innerHeight);
imagenode.Id = textnode.Id;
imagenode.Image = GetImage();
imagenode.ImageAlign = MindFusion.Drawing.ImageAlign.Fit;
imagenode.ImagePadding = new Thickness(0);
imagenode.Transparent = true;
imagenode.EnabledHandles = AdjustmentHandles.Move;

textnode.AttachTo(textnode, AttachToNode.BottomLeft);
textnode.EnabledHandles = AdjustmentHandles.None;
textnode.HandlesStyle = HandlesStyle.Invisible;
textnode.Locked = true;
textnode.AllowIncomingLinks = false;
textnode.AllowOutgoingLinks = false;
 

Both nodes are transparent. And we are doing some calculations for the textnode that my team hasn't been able to explain why they did so exactly. I suspect the issue may lie in their code change as I don't remember this being an issue with my original code.

Any suggestions would be greatly appreciated!

Thanks!

Hello,

"innerYLocation = textNode.Bounds.Bottom" did the trick! This would have been more obvious had we not made both nodes transparent, but now we know!

Thanks very much!