How can i use Masonic inside position: fixed container ?

[ptimer]

For example this piece of code doesn't render elements

.positionFixedWrapper {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    position: fixed;
    overflow-y: auto;
}

<div className={styles.positionFixedWrapper}>
   <GridListComponent>
      <Masonry items={items} columnGutter={10} render={MasonryCard} />
   </GridListComponent>
</div>

example - https://codesandbox.io/s/cool-lake-1ppj5?file=/src/App.js

[jaredLunde]

https://codesandbox.io/s/masonic-inside-of-a-scrollable-div-example-k9l6c?file=/src/index.js

[ptimer]

@jaredLunde thank you very much i've spent the whole day for this :))))

[jaredLunde]

No worries, sorry about that! Should have made the documentation more clear.

[franmastromarino]

hello mate

thanks for this amazing component

looks like the useMasonry hook is not working correctly without images inside a scroll container div

https://codesandbox.io/s/masonic-inside-of-a-scrollable-div-example-forked-5cypjl

i works on the first load, but if you make any change in the code, you will see this result

https://snipboard.io/2xal3d.jpg