Lottie, automatically fixing SVG scaling issue on Internet Explorer 11

app.js

const lottieIeFixer = (el, perspective = 'width') => {
  if (!window.navigator.userAgent.includes('Windows') && !window.navigator.userAgent.includes('rv:11.0')) {
    return;
  }

  const $el = $(el);
  const width = $el.width();
  const height = $el.height();
  const $svg = $el.find('svg');

  if (perspective === 'width') {
    const ratio = width / $svg.attr('width');
    $svg.width(width);
    $svg.height($svg.attr('height') * ratio);
  } else if (perspective === 'height') {
    const ratio = height / $svg.attr('height');
    $svg.height(height);
    $svg.width($svg.attr('width') * ratio);
  }
}

// Usage

const el = document.querySelector('.lottie-animation');

const animation = lottie.loadAnimation({
  container: el,
  renderer: 'svg',
  autoplay: true,
  loop: true,
  path: $(el).data('source'),
});

animation.addEventListener('DOMLoaded', () => {
  lottieIeFixer(el);
});

IE 11 is very much in love with ES6 you wrote
Fixed version here https://gist.github.com/modjke/3b8b3f11490ddf6d1bda18f8a9d44d1a

I always transpile my JavaScript through Babel so ES6 isn't really an issue.

Yes, also this task does not require jQuery at all, who uses that anyway? :P
Updated version: https://gist.github.com/modjke/3b8b3f11490ddf6d1bda18f8a9d44d1a