Uncaught TypeError: Cannot read property 'baseVal' of undefined in SvgOverlay

[filipjakov]

• I've looked at the documentation to make sure the behaviour is documented and expected

• I'm sure this is a Leaflet code issue, not an issue with my own code nor with the framework I'm using (Cordova, Ionic, Angular, React…)

• I've searched through the issues to make sure it's not yet reported

Steps to reproduce
Steps to reproduce the behavior:

• use svgOverlay with the first parameter set as an URL to the svg

Expected behavior

• svg should load via url

Current behavior

• error: "Uncaught TypeError: Cannot read property 'baseVal' of undefined"
• ImageOverlay has the ability to provide the url to the image. Since SVGOverlay extends ImageOverlay, i expect the same can be done

Environment

• Leaflet version: ^1.6.0,
• Browser (with version): any
• OS/Platform (with version): any

Minimal example reproducing the issue

L.svgOverlay(url, bounds).addTo(map)

• this example is as simple as possible
• this example does not rely on any third party code

[IvanSanchez]

use svgOverlay with the first parameter set as an URL to the svg

Show some Javascript code used to do that, please. It's not easy to debug something when there's no straightforward way to reproduce (i.e. load an example webpage which triggers the bug)

[filipjakov]

#6517 (comment)

Tried to improve it by loading an element with XHR, but i don't have much time now to wrap it all around.
I think it's better to keep it simple by now.

That solves it