Cannot read property 'offsetWidth' of undefined

[gthx]

Serialization doesn't seem to work with Labels. Easiest repro is to call link1.addLabel('label') in demos/demo-serializing https://github.com/projectstorm/react-diagrams/blob/master/packages/diagrams-demo-gallery/demos/demo-serializing/index.tsx#L27-L28

I was able to track down the issue to https://github.com/projectstorm/react-diagrams/blob/master/packages/react-diagrams-core/src/entities/link/LinkWidget.tsx#L106-L114 where LabelWidget is rendered directly. Should it be using registered Label factory instead?

[gthx]

I found a hack that works but I don't know how it affects other parts of the system.
Returning early (with null) at https://github.com/projectstorm/react-diagrams/blob/master/packages/react-diagrams-core/src/entities/label/LabelWidget.tsx#L90 if canvas is undefined works fine after repaint.

[JRMaitre]

@gthx I was facing the same issue, and as a work around, I render the deserialized model after the engine has already been rendered once. It fixed the issue for me.

So in React I load the engine with an empty model and let React render it, then I added a useEffect to load the deserialized data on mount. Then the diagram renders as expected.

[actraiser]

I believe the problem was fixed in release 6.1.0 from 2 weeks ago. I did not encounter any repaint issues with labels any more after upgrading.

Greets
-act

[vadimshvetsov]

It still reproducible with v6.3.0

[GasparPontiroli9125]

any update on this ?

Thanks.

[oussamajabnouni]

Same issue here