Chrome不会在调整大小时正确更新背景大小渐变

Question

虽然Firefox这样做是正确的，但是更新每一帧上的linear-gradient背景，chrome似乎会在“跳转”中呈现内容，这意味着它只会在调整大小后每隔几个像素渲染一次数学上正确的布局。

Demo playground （尝试调整窗口大小）

/* draw 10 horizontal responsive lines in the background */
div{
    background-image: linear-gradient(90deg, transparent calc(100% - 2px), #000 100%);
    background-size: calc(100% / 10); /* 10 rows */
}

背景尺寸未在Chrome（GIF）上正确更新：

在Firefox上，一如既往，一切都很好：

这是一个简化的问题。我正在尝试使用响应式css背景渐变创建网格，但在Chrome中这证明很难。

我试图避免使用大量的HTML标记来实现这一点，因为网格大小非常动态。

任何人都知道帮助Chrome在网格调整大小时正确渲染背景大小的技巧吗？
感谢。

更新 - 作为新的bug

发布