Grid spacing classes force horizontal scroll when grid items wrap
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
调研方向
首先,在较小的窗口尺寸下复现提供的网格标记,并检查 grid gs64 fw-wrap 使用的网格间距类。完成标准是:换行后的网格项不再强制产生水平滚动,且无需依赖 overflow-x-hidden 这一变通方案。
由索引模型根据 Issue 内容生成。
描述
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.
- 主要语言
- TypeScript
- 星标
- 674
- 派生
- 107
- 平均合并
- 1 天 38 分钟
- 30 天内合并 PR
- 45
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 75/100
apollographql/apollo-client#13493 ·
维护者通常 1 天内回复
-
Custom hosts written as trailing-dot FQDNs (`host.local.`) aren't detected as local backends可能已有人在做 @roboomp 今天认领。 未关闭bug prio:p2 providers triaged
难度 2/5 1-3 小时 新手友好度 82/100
can1357/oh-my-pi#15798 · 3 条评论 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 62/100
code-yeongyu/oh-my-openagent#10172 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 70/100
PDFCraftTool/pdfcraft#189 ·
-
Add the Yahoo chart API duplicate last-day row (yfinance#573) to incidents.md (about 1 hour)可能已有人在做 关联的 PR 仍在进行中或已合并。 未关闭data docs good first issue
难度 1/5 1 小时以内 新手友好度 80/100
pacocartones/market-data-sanity-checker#160 ·
维护者通常 1 天内回复