Svg clipPath para cortar un div no funciona en Safari cuando lo duplico

He creado una ruta de clip que reutilizo en varios divs en la página. Utilizo la propiedad clipPathUnits = “objectBoundingBox” para que se aplique a cada div en función de su posición. Funciona muy bien en Chrome y Firefox. Cuando lo probé en Safari, solo funciona en base al primer div. Lo que significa que funciona bien la primera vez que cuando lo vuelvo a llamar, boudingbox sigue basándose en la primera Div. Me di cuenta de esto cuando le di un margen negativo al segundo div hasta que se solapó con el primero parcialmente, entonces pude verlo.

Aquí hay un ejemplo del problema:

.bar { height: 100px; width: 100px; } .block { position: relative; width: 100%; height: 100%; overflow: hidden; background: white; z-index: 100; display: block; clip-path: url(#clipping); -webkit-clip-path: url(#clipping); } 
        

Estoy haciendo algo mal o es un problema de Safari. Si hay algún trabajo aquí. Gracias