组合框阴影和z-index时，Chrome无法呈现正确的高度

Question

我正在尝试向div添加box-shadow和z-index属性。调整窗口大小或当上方的div消失时-Chrome无法正确显示div的高度。

附加的密码笔：https://codepen.io/anon/pen/xexvzz

#sidebar {
  background-color: black;
  width: 60px;
  z-index: 9999;
  box-shadow: 8px 0px 9px #b7b7d4;
}

您可以单击按钮以删除蓝色部分，或者只是尝试调整窗口大小。

我希望绿色和黑色div的高度相同，但只有绿色延伸，而黑色div保持相同。

谢谢。