Hi guys, I am working on a logo for my company and the SVG is comprised of 7 layers and one of them has an inner glow filter on it. In Firefox there is no problem at all, the logo works great but in Chrome the layer with the glow on it displays as black. It works fine if I turn the filter off and I imagine would be fine if I used a bitmap for the filter but that kind of defeats the point of wanting a vector solution.

I don't work in SVG normally and this has gone beyond my skill to fix can anyone offer any explanations as to why this is happening or as to how to fix it? I cannot upload the actual files for obvious reasons but will create some test files to show my problem.

I am also experiencing weird scaling issues when I zoom in and out in chrome, like the layers all split up and scale differently instead of as a group.

Some help would be really appreciated ideally the faster the better as my contract is ending soon and I need to get this sorted. Thanks.

UPDATE
I just made a shape in Inkscape with a glow on it and tested it in chrome and it worked so could there be something up with the shape I have created in inkscape? The path was imported into inkscape from photoshop if that makes any difference.

Never mind. I sorted this myself. The shape wasn't being displayed as black due to the filter it was because for some reason the scale of the filter was off so the glow was covering the entire object, chrome was working fine the filter was scewed up. Wat I needed to do was to reset the transforms on the shape as the same filter on two different objects was different sizes.

I achieved this by creating a new object, selecting the new path and holding shift and selecting the old object. Then with both selected I went to Paths > Combine. I then just deleted the paths from the new shape to leave the old nodes intact. This reset the bounding box and the transforms for that path and problem solved.

Using version 4.8.