What it says on the tin. Been curious about why this is injected into SVG exports.
Solved
What does the "backgroundImageFix" element in exported filter effects do?
Best answer by Lauren_Budorick
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.)
This topic has been closed for replies.
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 person likes this
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 person likes this
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.