wadackel / react-stack-grid

Pinterest like layout components for React.js
https://wadackel.github.io/react-stack-grid/
MIT License
870 stars 77 forks source link

error when rendering.. #55

Closed lisongx closed 6 years ago

lisongx commented 6 years ago

it's not very stable from what I check, sometimes the image will overlap and the result is not right then

screen shot 2018-07-17 at 12 56 31 pm

if refreshed, it would be right for some chance but no always

mnindrazaka commented 6 years ago

Same here

landaumd commented 6 years ago

I think you add monitorImagesLoaded={true} to the stack grid like this:

<StackGrid
     duration={duration}
     columnWidth={w}
     gutterWidth={gutter}
     gutterHeight={gutter}
     easing={easing}
     monitorImagesLoaded={true}
     >
          {grid-content}
</StackGrid>
lisongx commented 6 years ago

I fix the issue by specify the img size my self...