Why is filter(drop-shadow) causing my SVG to disappear in Safari?

Question

I am developing an app using D3.js. I was sidetracked for a while, and recently came back to it. Today I found that, though it worked fine in the past, the SVG map in the ap

Answer 1

In my case, I was using an SVG Filter, so I couldn't really apply the CSS solution. Instead, I was able to get the SVG to show up by applying a CSS transformation via Javascript after the page loads. Here's an example in plain JS:

setTimeout(function(){
 document.getElementById("svg-element").style.display = "block";
},10);

If you want to know if this will work, see if the SVG shows up after you resize the browser or modify a CSS style rule using the inspector.