SVG filter support in Chromium is actively being worked on, primarily led by an incredible engineer at Opera ([email protected]). This work has been ongoing for almost a year and should complete in Q4. Please star https://crbug.com/109224 for updates (stars also help prioritization).
Re:Full-Bleed Layout Using CSS Grid
by realusername on Tuesday October 06, 2020 @03:50AM
(#24695568)
Safari also has its share of SVG bugs, like this one: https://stackoverflow.com/questions/31150919/svg-background-...
Re:Full-Bleed Layout Using CSS Grid
by artificial on Tuesday October 06, 2020 @11:23AM
(#24698654)
Going to codepen this later and see what’s up. I haven’t used them beyond toy setups since it’s usually a hassle, I always get inspired by the Stripe site.
HA! Chrome absolutely SUCKS at displaying SVGs. I rarely use them and I've already found two stupid bugs.
One super weird one (probably too much caching) where an animated element in a <use> clone didn't inherit colours while its non-animated siblings do. This one is fixed now.
What isn't fixed yet is that `filter: hue-rotate(90deg)` applied to an SVG child element doesn't do anything (in firefox it does), is a pain in the ass because SVG filters, while more powerful, are much harder to set up.