CSS filter on <svg> makes it disappear in Safari

[lonekorean]

Adding a CSS filter property onto an element makes the element disappear. A workaround is to move the CSS filter to a wrapping element.

[emilbjorklund]

@lonekorean Slow burn on this but: do you have a code example for this? If it’s the bug I think it is, I may have a fix, and then we can document that here.

(Basically, applying an SVG filter to HTML content in Safari sometimes requires you to also add a null transform like transform: translate(0, 0) to get Safari to fix up the coordinate system, otherwise the filter is applied to the SVG coordinates, sometimes causing the element to disappear or the effect to not show up)

[emilbjorklund]

See also: #27