jaredLunde / jaredLunde/masonic
Gaps in the Grid
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 63
- PR merge metrics
- No merged PRs in 30d
Description
**Describe the bug**
There are large gaps in the grid.
**To Reproduce**
Steps to reproduce the behavior:
1. Create a grid of divs where their height is determined by the context of the div, and the "height" css property is unset.
2. Create a masonry grid
4. See gaps in the grid
**Expected behavior**
A clean grid with no gaps.
**Screenshots**

**Desktop (please complete the following information):**
- OS: macOS 12.2.1
- Browser: Chrome 99
- Version: 3.6.4
Contributor guide
Research direction
Start by reproducing the reported gaps with context-sized divs and an unset height in a masonry grid using the reported environment. Trace the masonry layout implementation to identify why spacing appears; done means the same grid renders cleanly without gaps.
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
- Needs clarification
- Newbie friendliness
- 35/100