safari 未使用 grid-auto-flow: column 垂直填充答案

【问题标题】：safari not filling vertical with grid-auto-flow: columnsafari 未使用 grid-auto-flow: column 垂直填充
【发布时间】：2020-01-03 15:32:10
【问题描述】：

在 safar1 v.13 中使用 grid-auto-flow: column 垂直空间未被填充。

在 chrome/ff 中工作正常

有什么建议吗？

【问题讨论】：

请将所有相关代码发布到sn-p中，以便我们重现问题。
@Michael_B 没那么容易；一个反应测试页面github.com/HenrikBechmann/Tribalopolis/blob/master/src/ui/…这是组件根代码github.com/HenrikBechmann/Tribalopolis/blob/master/src/ui/…
@Michael_B 这是网格根代码github.com/HenrikBechmann/Tribalopolis/blob/master/src/ui/…，正如您所见，所有这些都处于早期开发阶段
您是否尝试过为网格容器添加高度？添加height: 100% 或height: 100vh。
是的，谢谢，您可以在 chrome 屏幕截图上看到 100%（相同的代码）。看起来我将不得不忍受它 - Safari 显然从最小最大值获取高度，而没有拉伸轨道内容以填充。大概这会随着时间的推移而解决。我什至尝试了写作模式选项——只会导致更多问题

【解决方案1】：

添加

grid-template-rows: max-content

给父母。

【讨论】：