chrome position:sticky with z-index problem

for some reason in chrome 65 the position sticky element with a z-index will covered by its sibling element on scroll.

I didn’t find any real solution to fix it but the following hack do the trick:

.header {
  position: sticky;
  z-index: 1000;
  transform: translateZ(0); 
}