1. Read the FAQs 👇
2. Describe the bug
Give a clear and concise description of what the bug is.
animating the radius property on feMorphology results in the inner engine appending 'px' to it, which is invalid. ex. "4" gets transformed to "4px"
3. IMPORTANT: Provide a CodeSandbox reproduction of the bug
A CodeSandbox minimal reproduction will allow us to quickly follow the reproduction steps. Without one, this bug report won't be accepted.
https://codesandbox.io/p/sandbox/cool-tree-3qh8s8
4. Steps to reproduce
Steps to reproduce the behavior:
- hover over the image. radius in not animating correctly.
- open devtools, see a bunch of errors like this:
Error: <feMorphology> attribute radius: Expected number, "0.70705680607227…".
- if you inspect the html, you'll see that its appending 'px' to the animating number.

5. Expected behavior
A clear and concise description of what you expected to happen.
Expect the value to be reflected "as is" instead of appending "px"