CSS Masking: Two different clipPaths with objectBoundingBox on g element and child svg A clipPath element on a child and a differnt clipPath element on g element should clip their targets independent of each other but the child first. When both have clipPathUnits="objectBoundingBox", then the bounding box of each element is taken. Note that clipping on the child influences the bounding box of the group. You should see a green square.