SVGs not aligning properly unless title layer is deleted.
When I import an image in SVG format the alignment tools do not work properly to align the image with other elements on the artboard. I've found a work around for this, deleting the "title" layer of the SVG in the layers panel seems to allow it to work properly. There is no graphic information in the title layer as far as I'm aware so why does it affect how the alignment tools work? Also with the title layer still present clicking align moves it every time it's clicked rather than just once, how it usually behaves. I've attached a screen capture in GIF of what I've experienced.
-
Anonymous commented
Solution:
Don't drag and drop the SVG in the Ai rather open it in a new window of Ai and then copy and paste the SVG in your working artboard, hopefully, it will work. It is working for me this way. -
Daniel J. Lewis commented
I can confirm the exact behavior. For me, it was in SVGs I downloaded from Icomoon.io. The alignment and distribution tools would produce weird results, and clicking the same buttons again would further move the imported graphic.
I also found I could ungroup and delete the blank item, but that's very cumbersome. Removing the <title> line from the SVG source code fixed these issues for me.
Because the <title> line is there for accessibility, I think Illustrator should seek to fix this bug instead of our having to edit all our SVGs.