subarroca / ng-gauge

Gauge generic component made with angular2 and SVG
https://subarroca.github.io/ng-gauge/
13 stars 6 forks source link

IE11 Support #5

Closed Tomagi closed 7 years ago

Tomagi commented 7 years ago

Hi, It seems it doesn't work well in Internet Explorer 11 (visibility + animations).

Any idea how to fix..?

10X.

subarroca commented 7 years ago

As referred here: https://connect.microsoft.com/IE/feedbackdetail/view/920928/ie-11-css-transition-property-not-working-for-svg-elements

IE11 has lots of issues with animation of properties. What started as a raised flag for fill property was later extended to stroke, etc. Thus animation in IE11 would require doing it via js.

Transform on SVG is not allowed either, I'll try to improve this part but not the animation. If you want you can try to implement that part and if that keeps clean for other browsers I can merge the PR

subarroca commented 7 years ago

Positioning is fixed in 0.0.8 but animation is discarded, as it may add unnecessary complexity for the rest of the browsers