Chrome не отображает правильную высоту при комбинировании box-shadow и z-index

Question

Я пытаюсь добавить свойства box-shadow и z-index в div.При изменении размера окна или исчезновении элемента сверху - Chrome не отображает высоту элемента.

Прикрепленный код ручки: https://codepen.io/anon/pen/xexvzz

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

Вы можете нажать кнопку, чтобы удалитьсиняя часть или просто попытайтесь изменить размер окна.

Я ожидал, что зеленые и черные элементы будут иметь одинаковую высоту, но только зеленая полоса, как и должно быть, и черный элемент останется прежним.

Спасибо.