CSS Masking: Dynamic change of clipPathUnits on clipPath
svg
The clipPathUnits attribute on the clipPath
element gets changed dynamically from objectBoundingBox to userSpaceOnUse.
This reduces the clipping area from a size much bigger than the document to
the size of the green rectangle. A green square should be visible.