juliangarnier / anime

JavaScript animation engine
https://animejs.com
MIT License
50.4k stars 3.68k forks source link

AnimeJS improperly puts all text into the top left corner #843

Open ZachHandley opened 1 year ago

ZachHandley commented 1 year ago

Describe the bug I'm using this svg attached to animate it using a #id > * selector, I guess I could just do it for the paths/rects but anyways -- when it animates it in the text is improperly in the top left corner, and I've checked the actual SVG it works, so it just seems AnimeJS is moving them

To Reproduce Steps to reproduce the behavior:

  1. Import an SVG with a lot of text fields
  2. Animate it using a target of #svgid > * to target all things inside the SVG
  3. watch the hilarity unfold -- For context here's the original

Expected behavior SVG animates text into the right place

Screenshots Added above

Desktop (please complete the following information):

Additional context If anyone can help I want this to work right, I'm using AnimeJS as the primary library for my presentation that I'm making, hard to explain, well it's a solar presentation, that wasn't that hard. Is the selector just too much for him? I did that with other SVG's with no problems funny enough My SVG I need help