jaredLunde / jaredLunde/masonic

Gaps in the Grid

Open
#111 1 comment 0 reactions 0 assignees View on GitHub
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**
Screen Shot 2022-03-09 at 6 52 43 PM

**Desktop (please complete the following information):**

- OS: macOS 12.2.1
- Browser: Chrome 99
- Version: 3.6.4

Contributor guide

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.