jaredLunde / jaredLunde/masonic
Masonic inside scroll div container
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 63
- PR merge metrics
- No merged PRs in 30d
Description
hello mate
thanks for this amazing component
looks like the useMasonry hook is not working correctly without images inside a scroll div container
i set overscanBy = 1, the visible items in the first load is incorrectly
https://codesandbox.io/s/masonic-inside-of-a-scrollable-div-example-forked-5cypjl
it works on the first load, but if you make any change in the code, you will see this result
https://snipboard.io/2xal3d.jpg)
- OS: Windows 11
- Browser: Brave
- Version: 11.35
Contributor guide
Research direction
Start with the linked CodeSandbox reproduction and the useMasonry hook, focusing on a scrollable div without images and overscanBy set to 1. Reproduce the incorrect first-load visibility and the changed result after editing the example; done means the visible items remain correct in both cases.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100