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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Unable to animate svg text elements #2578

Open
blowery opened this issue Mar 20, 2024 · 0 comments
Open

[BUG] Unable to animate svg text elements #2578

blowery opened this issue Mar 20, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@blowery
Copy link

blowery commented Mar 20, 2024

1. Read the FAQs 馃憞

Not included in the FAQ.

2. Describe the bug

Framer Motion is unable to animate svg text elements. It appears to push content into a children attribute instead of altering the contents of the text element.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/p/sandbox/framer-motion-animate-content-forked-j3y3qt?file=%2Fsrc%2FApp.tsx%3A20%2C11

4. Steps to reproduce

Steps to reproduce the behavior:

  1. Load the sandbox
  2. Notice the count does not animate
  3. Inspect the text element in dev tools
  4. Notice it has a children attribute that is updating

5. Expected behavior

The text should animate, just like in the doc'd demo https://codesandbox.io/p/sandbox/framer-motion-animate-content-bxx7lt?from-embed=

6. Video or screenshots

Just a static count, not much to show.

7. Environment details

Chrome 123.0.6312.46 / MacOS, reproable everywhere.

@blowery blowery added the bug Something isn't working label Mar 20, 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