SVG, Safari 10'da döndürüldüğünde renk değiştiriyor

Sadece Safari 10'da ortaya çıkan çok garip bir problemle karşılaştım transform:rotate(xdeg). Bazen kullanılarak döndürülen oyun kartlarım, svg resimlerim var .

Kullandığım kartın kırmızı blok deseni var. Dönmediğinde veya dik açılarda döndürülmediğinde, yani 90, 180, 270, o zaman normal görünür. Ancak, bundan başka herhangi bir açı ve arka plan deseni maviye döner! Kullanıcılarımdan birinden bununla ilgili bir rapor aldım ve hiç bu kadar tuhaf bir şey görmedim. Diğer tarayıcıların tümü normal çalışır, Safari 9 normal şekilde yapar.

Bunun Safari 10'da gerçekten garip bir hata olduğunu tahmin ediyorum, ancak bunun nasıl çözüleceğine dair herhangi bir fikriniz var mı? Şurada minimal bir repro oluşturdum:

https://jsfiddle.net/2zv4garu/1/

Gerçekten tuhaf bir hata. Sarma göğesinde bir SVG dönüşümü olarak dönüşüm gerçekleştirmek sorunu çözmez.

Ancak, 2B döndürme yerine 3B döndürme yaparak, yani inlineCard.style.transform = 'rotate3d(0,0,1,' + e.currentTarget.value + 'deg)';sorunu çözdüğünde, burada görebilirsiniz.

https://jsfiddle.net/qe00s1mg/