Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] animating radius property on feMorphology interpolates the value incorrectly #2779

Open
jcheese1 opened this issue Aug 30, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@jcheese1
Copy link

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:

  1. hover over the image. radius in not animating correctly.
  2. open devtools, see a bunch of errors like this: Error: <feMorphology> attribute radius: Expected number, "0.70705680607227…".
  3. if you inspect the html, you'll see that its appending 'px' to the animating number.
    CleanShot 2024-08-30 at 15 57 42@2x

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"

@jcheese1 jcheese1 added the bug Something isn't working label Aug 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant