Warning: `NaN` is an invalid value for the `top` css style property.

Hi there,

I’m getting the following error after adding the first node to the diagram, and proceeding to select it:

Warning: 'NaN' is an invalid value for the 'top' css style property. in div in NodeWidget in div in NodeLayerWidget in div

After inspecting the HTML element in my browser, I can see that the “top” CSS property is not being set for the first node added to the diagram, as it is for subsequent nodes that I add to the diagram:

<div class="node srd-node srd-node--selected " data-nodeid="5070b2af-7155-4072-8738-61d3dbc9b2b0">

I am also unable to move the first node around.

I couldn’t find a bug in my own code that could be causing this, so I wanted to see if this is an issue anyone else has encountered before?

[dacopan]

Hi All,

Just to update - this was indeed an error on my part, and related to a bug in the custom Node I created.

Closing this issue.

Thanks

Can you explain what was the bug? I have same error

[ToTheHit]

Check your model’s options types. In my case, I set model.setGridSize('15px') but gridSize should be a number and this method returned NaN. https://github.com/projectstorm/react-diagrams/blob/3060496db0709c37202bca948031cd02ebcc73a7/packages/react-canvas-core/src/entities/canvas/CanvasModel.ts#L99-L104