A Safari bug came my way recently. A progress bar with
position: fixed was hidden behind an element. I first tried to solve it with
z-index, but that wasn’t getting me anywhere. Lo and behold, Safari doesn’t respect
z-index of a
position: fixed element. Instead, I had to
transform: translateZ() (props). In my case, I had to translate 100px!