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);
}