SVG – Illustrator pushes artwork off artboard after saving.

So it's not fixed? Blaskotron‌ said an old document was correctly boxed in the above comment, but I personally have not tested.

If you are an application developer who is irritated by this, why not channel your rage into a positive solution for all and create a plugin to properly export an SVG even better than their new & improved SVG export?

I would really like to have better gradient definitions control so that object's bounding can be used for relative %-based gradient dimensions, and it would be so dope to be able to live-test the artwork using the animation framework GSAP inside of Illustrator via the extension's HTML display. Also a cool thing would be to assign custom attributes and be able to view live XML just like in Inkscape!

Matter of fact if someone could also make controls in form of a timeline to be able to do basic keyframing with GSAP (somehow), it would bring the power of Flash (or Animate, rather) to Illustrator, making SVG web animation and web banner creation a breeze!

I always thought this would be a great idea, and I would have done this by myself if I had the technical skills and knowledge.

It is fixed if you author a new document with the new version of Illustrator CC, however it appears that if the document was authored with a previous version you are still screwed.

... transparent elements need to be saved as a separate .svg files.

Can you elaborate on that? Not sure what you mean. Thanks!

I have discovered this painful bug, and it appears that Illustrator stores the (bad) viewBox with the document when it reads an SVG in, or exports an SVG out. When it reads in SVG in, the viewBox of the svg tag is set as the "set-in-stone" value for any following SVG exports! For example, I get a vector completely outside of my little artboard, and it's offset by a certain value, so I center the vectors on the artboard but the next export is not fixed at all. Then, if I had instead centered the artboard to my vectors which are outside somewhere on the pasteboard, this also fails! Saving the master .ai file as .eps, or .pdf in hopes that the viewBox would be reset to [0,0] as the top-left doesn't work because the svg-specific viewBox is horribly attached to the "AI" portion of those files.

So, I fix this by creating a brand-new document, at the desired size, and pasting the vectors inside. Save a new SVG, the bounds appear correct.

Therefore, I prefer to never work on SVG files from other sources by opening them in Illustrator. Rather, I make a new document and paste the vectors inside to get good control over the bounding box.

Using the "Use Artboards" feature when saving out multiple artboards from a single document as SVG, I have not yet had this problem so far. I will go back through and check to see if all my numbers are correct on my last export, though, to verify.
However, there is a way to accomplish this using multiple layers (one per artboard) and datasets, but it's quite complex so I'll write an article on it eventually.

Opening a foreign SVG and using the "Preserve Editing" feature when saving it, appears to work because it now stores the Illustrator document bounds in a special area that relates to Illustrator - so that when you open it in AI, the vector is centered properly on an artboard.

However, those in web design who may have to manipulate or animate this SVG may be frustrated because the viewBox and the art vectors are all offset by whatever number it is.

For example, the viewBox would be desired to have bounds such as viewBox="0 0 80 80" - but in the corrupt SVG export, they are something like viewBox="-248 351.8 80 80", which is exactly what happened to me.

Even though the vectors are centered when viewed in the browser, and even in AI when "Preserve Editability" is used, the numbers are not really cool for when you expect them to be at 0,0 for top/left. Here is an example of a circle which is drawn in these bounds:

Expected: <path fill="#43619C" d="M40,2C19,2,2,19,2,40s17,38,38,38s38-17,38-38S61,2,40,2z"/>

Actual: <path fill="#43619C" d="M-208,353.8c-21,0-38,17-38,38s17,38,38,38s38-17,38-38S-187,353.8-208,353.8z"/>

So, what happens is both the canvas box and the art are all offset by x amount, and also Illustrator puts the vectors somewhere off-center when "Preserve Editability" is not used. While it all looks okay and is probably okay for most static purposes, during those times when animation or some numbers comparison is important, this may be an issue. To be completely in control, I opt for creating a new document and pasting the vectors in. This could be automated with an action which creates a new document (the presets are stored in the recorded action) and vectors being pasted inside. Exact same thing can be done by placing the problem SVG into a document and embedding it as well.

This worked for me.

The reason i was getting it is because of merging svg images. I would copy one image onto anothers artboard and then go from there. Found out that starting from a new artboard and then copying both images onto that artboard resolved all issues.

GinaB's solution seems to be the only one I found that works too. The only problem is that the SVG file is about seven times larger when you preserve Illustrator editing. That was not true the older version I was using (CS6 :-)).