safari - 将输入集中在隐藏溢出的网格内，触发 Safari 中的完整布局

Question

OBS！此错误仅发生在 Safari 中。

1. 具有固定的网格布局height和overflow: hidden.
2. 用 . 添加一个子元素overflow-y: auto。
3. 确保孩子内部的内容太大而无法容纳并在最后放置一个输入字段。

现在，您滚动到底部并单击/聚焦输入字段，Safari 将触发完整的布局更改并将子项滚动到顶部。

这是一个简单的代码笔示例： https ://codepen.io/anon/pen/OorVGv

标签： safarigrid

Answer 1

尝试为孩子设置一个高度，这在某些情况下会有所帮助。