[bug] Clipped shape filled with gradient shows incorrectly

[ujeenator]

What I expect:

What I get:

Code:

<Svg width={200} height={200}>
  <Defs>
    <RadialGradient id='gradient' r='50%' cx='50%' cy='50%' fx='50%' fy='50%'>
      <Stop offset='0' stopColor='red' stopOpacity='1' />
      <Stop offset='1' stopColor='red' stopOpacity='0' />
    </RadialGradient>
    <ClipPath id='cut-off-bottom'>
      <Rect x='0' y='0' width='200' height='100' />
    </ClipPath>
  </Defs>
  <Circle
    cx='100'
    cy='100'
    r='100'
    clipPath='url(#cut-off-bottom)'
    fill='url(#gradient)'
  />
</Svg>

[msand]

I have a fix available, could you test it? msand@11a5752