What does the "backgroundImageFix" element in exported filter effects do?

What it says on the tin. Been curious about why this is injected into SVG exports.

1 Like

Just wanted to bump this!

I am once again asking for a genius on the Figma team to provide insight to me, a lowly user.

Hey Gavin!

Some of the things we do in our SVG exporter are meant to address discrepancies between different SVG renderers. Try opening this Codepen (where I exported a drop shadow from Figma and then commented out the BackgroundImageFix + blend) in both Chrome + Firefox (works fine) and then in Safari (where, at the time of this writing, that node isn’t drawn at all). (A comment in the Figma codebase implies that when this was first written 6 years ago, Firefox also had the same bug.)

1 Like

Hey Lauren!

Thank you so much for your message and the example - sad that svg has so much cross-browser inconsistency in 2023 but here we are. Also, I’m a huge fan of the import upgrades you and your team made last year!

1 Like