Grid spacing classes force horizontal scroll when grid items wrap
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 48/100
Research direction
Start by reproducing the supplied grid markup at smaller window sizes and inspect the grid spacing classes used by grid gs64 fw-wrap. Done means wrapped grid items no longer force horizontal scrolling without relying on the overflow-x-hidden workaround.
Written by the indexing model from the issue text.
Description
When using our grid spacing classes responsively, they force a horizontal scroll when wrapping. This is the smallest example that will trigger this.
<div class="grid gs64 fw-wrap">
<div class="grid--cell">
This cell has dynamic content that ought to wrap with the window
</div>
<div class="grid--cell">
This cell has dynamic content that ought to wrap with the window
</div>
<div class="grid--cell">
This cell has dynamic content that ought to wrap with the window
</div>
<div class="grid--cell">
This cell has dynamic content that ought to wrap with the window
</div>
<div class="grid--cell">
This cell has dynamic content that ought to wrap with the window
</div>
</div>
At smaller window sizes, this forces a horizontal scroll.
Workaround
You can add an overflow-x-hidden to your parent for now, but we ought to solve the underlying issue.
- Dominant language
- TypeScript
- Stars
- 672
- Forks
- 107
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 26
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from StackExchange/Stacks
-
Difficulty 1/5 1-3 hours Newbie friendliness 62/100
StackExchange/Stacks#1030 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 48/100
StackExchange/Stacks#1842 ·
-
Difficulty 5/5 Over a week Newbie friendliness 25/100
StackExchange/Stacks#1413 · 2 comments ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 50/100
StackExchange/Stacks#1242 ·
-
bug
Difficulty 3/5 1-2 days Newbie friendliness 35/100
StackExchange/Stacks#1224 ·
All issues in StackExchange/Stacks
Similar issues
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Open
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
-
Crush Open
Difficulty 1/5 Under an hour Newbie friendliness 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Open
Difficulty 1/5 Under an hour Newbie friendliness 90/100
ElementsProject/cln-application#167 · 1 comment · 1 reaction ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Quantco/pnpm-licenses#17 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100