As of BETA_v1.6 is should be working in most Safari versions, excluding the very old one's that don't support SVG or flexbox! I do not know about Firefox focus, but I have changed a few things that I think could have made it work in that browser too.
Things changed:
- Reverted back to using xlink:href rather than href attribute within the image element (the newer href attr was not supported in Safari)
- Added two new attributes inside the filter element:
1) filterRes (needed for Safari to display the blur on page load without being prompted by a resize)
2) color-interpolation-filters (some older versions of Safari were using a different variation of this filter and the blur effect would't look right)
- Autoprefixed main.css for older browser compatibility
Things changed:
- Reverted back to using xlink:href rather than href attribute within the image element (the newer href attr was not supported in Safari)
- Added two new attributes inside the filter element:
1) filterRes (needed for Safari to display the blur on page load without being prompted by a resize)
2) color-interpolation-filters (some older versions of Safari were using a different variation of this filter and the blur effect would't look right)
- Autoprefixed main.css for older browser compatibility