'safari react-parallax-tilt bug

I have strange bug only in safari

my header container have position: sticky and when I hover items wrapped in Tilt component and scroll page down this bug happens

I already tried different z-index and add custom containers and nothing did not help me

Also make a simple sandbox with this bug https://codesandbox.io/s/objective-haze-x9ohn5



Solution 1:[1]

found answer by myself. need to put transform: translateZ(100px); to your header block

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1