Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How can i use Masonic inside position: fixed container ? #99

Open
ptimer opened this issue Nov 18, 2021 · 4 comments
Open

How can i use Masonic inside position: fixed container ? #99

ptimer opened this issue Nov 18, 2021 · 4 comments
Labels
question Further information is requested

Comments

@ptimer
Copy link

ptimer commented Nov 18, 2021

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 jaredLunde added the question Further information is requested label Nov 18, 2021
@ptimer
Copy link
Author

ptimer commented Nov 18, 2021

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

@jaredLunde
Copy link
Owner

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

@franmastromarino
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants