I'm making a tab set up and need to set display none on a container element, according to this https://stackoverflow.com/a/8266879/1213795 - is.(":visible") should return false if an ancestor is hidden right? So this should return false.
$('svg').each(function (i) {
console.log("Doesn't work! - " + $(this).is(":visible"));
});
https://jsfiddle.net/umkn1rmo/6/
Here's a fiddle to demonstrate the issue, it seems to work fine in Safari/Chrome.