position：sticky issue - 元素出现偏移

Question

CSS中的粘性定位支持非常好，但有毛刺！ 我在两列布局上使用position: sticky。我在设置为粘性的部分中有一个select下拉列表，当滚动页面时，粘贴定位的div中的select会在div之外的地方呈现，它会在最初没有任何滚动出现。这是截图：

当我点击任意位置以关闭下拉列表，然后再次打开它时，它会在正确的位置呈现正常。这种情况发生在Chrome和Firefox上，但不会发生在Safari中。

这是一个复制问题的jsfiddle。在打开下拉列表之前，向下滚动一下，然后单击选择。

有没有人知道这方面的解决方案？

Answer 1

在查看您的示例后，这似乎是操作系统呈现<select>元素而不是浏览器的工件。我建议为Chrome和Firefox提交错误报告，因为这些是您报告的浏览器（我已在基于Debian的Linux上的Chrome 59中确认过）。