IE11: TypeError: Unable to get property 'oldUrl' of undefined or null reference

Do you want to request a feature, report a bug or ask a question? Report a bug

What is the current behavior? This error is thrown:

TypeError: Unable to get property 'oldUrl' of undefined or null reference
  at oldUrl(~/svg-sprite-loader/runtime/browser-sprite.build.js:647:0)

What is the expected behavior? The error should not be thrown.

If the current behavior is a bug, please provide the steps to reproduce, at least part of webpack config with loader configuration and piece of your code. From Webpack config:

{
  test: /\.svg$/,
  exclude: [
    path.resolve(__dirname, './public/img/load-from-url')
  ],
  loaders: [
    'svg-sprite-loader?' + JSON.stringify({
      symbolId: '[name]_[hash]'
    }),
    'svgo-loader?' + JSON.stringify({
      plugins: [
        {removeTitle: true},
        {convertColors: {shorthex: false}},
        {convertPathData: false}
      ]
    })
  ]
}

Please tell us about your environment:

• Node.js version: 7.9.0
• webpack version: 1.15.0
• svg-sprite-loader version: 3.0.1
• OS type & version: Windows 10

Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc) It seems like event.detail doesn’t exist:

[kisenka]

@negomi looks like custom event initialization method in svg-baker works in IE11 (stackoverflow, MDN).

[negomi]

Unfortunately this is still not fixed.

I traced the line back to svg-baker-runtime: https://github.com/kisenka/svg-baker/blob/53f8796d0382a921e718591d48dbe1896d7599d4/packages/svg-baker-runtime/src/browser-sprite.js#L117

It uses event.detail, which doesn’t seem to exist in IE11 😕