奇怪的OSX视网膜Chrome滚动条行为与框阴影和相对内容

Question

当外部元素具有box-shadow且某个内部元素具有相对位置时，OSX El Capitan Chrome上的滚动条遵循box-shadow的轮廓。看看这个例子，以便更好地理解这一点。

这是OSX / Chrome的错误还是我做错了什么？

http://jsbin.com/jekawikaci/edit?html,css,output

Answer 1

可以使用Chrome 49在Mavericks上重现。有同样的问题，花了我几个小时才发现它是盒子阴影。 Firefox，Safari运行良好。