Потомок прячется за полосой прокрутки

[yaparoff]

Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR
Как сделать чтобы он не прятался?
z-index не помогает

https://codepen.io/anon/pen/OBwQEb

[AlexZaw]

20 минут назад, yaparoff сказал:

Как сделать чтобы он не прятался?

<div class="wrapper">
<div class="children"></div>
  <div class="block">
    <div class="parent"></div>
    <div class="parent"></div>
  </div>
</div>

.wrapper{
  position: relative;
}
.block {
  width: 200px;
  height: 200px;
  overflow-y: auto;
  border: 1px solid #000;
}
.parent {
  position: relative;
  background-color: red;
  width: 100%;
  height: 100px;
  margin-bottom: 30px;
}
.children {
  position: absolute;
  top: 15px;
  left: 100px;
  width: 200px;
  height: 50px;
  background-color: yellow;
  z-index: 2;
}

Либо сделать блок .children последним ребенком .wrapper и тогда можно без z-index обойтись