Search code examples
csssafariz-indexstickysafari-web-inspector

Not respecting z-index on safari with position: sticky


I'm been having some problems with my site redesign, I have a section of goals in the case study that is sticky and once you pass an image that goal gets crossed as done. As I'm using full-width images I wanted the goals section go underneath and as you see it again when scrolling the goal is already crossed, it works great on chrome and firefox but not in safari. Is weird because when I use the web inspector the element in safari behaves as it should for a moment and it goes under the image.

Does anyone have an idea of what can be?

Example link


Solution

  • This must be a Safari bug with their implementation of position: sticky I've reported this as a bug to Apple - maybe do the same?