[BUG] SVG components forced to have a transform-origin

See the motion.polyline component here: https://codesandbox.io/s/late-cherry-qpfsn

Expected: No transform origin if the user has set their own transform. This is probably a bug in Stylefire.

[joshuawootonn]

Setting

I had the same issue. Setting this, worked for me:

style={{originX: 0.5, originY: 0.5}}

This didn’t work for me but it led me to

 style={{ originX: '50%', originY: '50%' }}

which did!!

[deadcoder0904]

@mattgperry Can confirm, this is still a bug. I want to rotate an SVG on hover to 0deg from initial position -6deg so I wrote it like this:

<motion.svg
  initial={{
    rotate: -6,
  }}
  whileHover={{
    rotate: 0,
  }}
>
  {/*...*/}
</motion.svg>

But it automatically adds transform-origin: 87.936px 88.936px; to the browser when I didn’t even specify anything.

I think it should be just 0px 0px if nothing is provided.