Component doesn't update if Children resize

The React-Masonry-Component does not update if a child component changes size - it causing overlapping issues/general ugliness. There should be a way to monitor children component for size changes.

For example in this scenario. If ChildOne’s state is updated it will be re-rendered but the Masonry component would not be and therefore not realigned properly (unless it was listening for the same changes - which is not always practical).

<Masonry options={options}>
   <ChildOne />
   <ChildTwo />
</Masonry 

Am I doing something wrong or is this an actual bug/not fixable?

Cheers!

might be the same issue as #2

[erkartik91]

I added reference to my Masonry instance using the following code ref={function(c) {this.masonry = c.masonry;}.bind(this)}

and now can manually trigger resize using the following code this.masonry.layout()

Hope this helps.

[afram]

fixed in react-masonry-component@4.3.0