search

dantrain / react-stonecutter

Animated grid layout component for React
http://dantrain.github.io/react-stonecutter
MIT License
1.21k stars 72 forks source link

Overlapping items when height changes #29

Open hackhat opened 7 years ago

hackhat commented 7 years ago

Here is how it looks like. I think the reason is that the item changes size after the grid is created. I don't know how to fix this. Tried measureImages but wont work. Any help? thanks

image

image

kmathmann commented 7 years ago

Same here. Did you found any solution?

kmathmann commented 7 years ago

I found a solution for myself. It`s not nice but it works.

The Element inside of the Grid gets a key with a combination of the elements id and a element related timestamp that changes every time i change the elements content.

The Result, the Element fades out and then in again, but after that the height is okay.