jaredLunde / jaredLunde/masonic

Masonic inside scroll div container

Open
#110 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.