Illustrator is exporting content to SVG that is outside artboard

[asiramv]

Hi. I'm using the latest updated Illustrator. I have a file with 16+ similar artboards. I'm exporting to SVG and PNG. The PNGs look fine but the SVGs are showing content that is not on the artboard I'm exporting--it's one of the ones that's beside it (I assume). I'm exporting by going to Export > Export for screens. I have also tried Export As (which had its own problems) and someone on the internet suggested using the legacy export but there's no SVG option. The only other thing I can think to do is make 16 files and export one by one but I really don't want to.

I've been researching and trying things for an hour or 2 and my exports continue to be wrong. Help?!

Thanks,

Marisa

[Monika Gause]

Please show screenshots.

And also how your Export for screens is set up.

How do you open the SVGs?

[asiramv]

Here's a screenshot of my export plus a bad export and a basically correct one (all from the same export setup and file). The one I say is "basically correct" should be cropped all the way to the artboard. In terms of how I'm opening them, I'm generally viewing in Edge but I also tried dragging one into Illustrator to make sure I was seeing correctly. I have tried using asset export and at this point that's basically working but some items want to group that I am not intending to group. I wonder if that's part of the issue. If something outside the artboard is grouped with something inside the artboard but I certainly didn't mean for that to happen and don't want it to happen (I used alt to copy the backgrounds from artboard to artboard or I copied the artboard itself). 

Thanks 

[Monika Gause]

Where is the artboard here?

Are these artboards maybe too close to neighbouring objects?

Is there no clipping path in the SVG?

How is this built? 

[asiramv]

There are 16 artboards. The art overlaps off the artboard slightly on the left but not on the right. I don't understand the question about how they are built or the neighboring objects. It's possible they are close but they are definitely not touching. There are no clipping paths but I don't see why there need to be. Do you think I need a clipping path to constrict it to the artboard? I have never needed this in the past and the PNG is fine. 

thanks

[Monika Gause · Accepted solution]

There is a drop shadow applied to that artwork. And that might cause the artwork to be indeed that large that it is on the other artboards. So can you move them further apart so that cannot happen?

[asiramv · Accepted solution]

I really didn't think this would work. First I tried separating the artboards a bit and I kept finding they'd try to grab other elements. So I took your advice and added a clipping mask to each artboard. Then I tried exporting and that took care of some of the issue but some were still showing up with items from the next artboard. So, I moved them further apart and it finally worked. Thank you so much for your help. in the future I'll try to set the artboards further apart from the beginning.

[Monika Gause]

You're welcome.