SVGs initially load at top left of the map

[saadsaifse]

Describe the bug: I am loading a collection of images about 50 through L.distortableCollection and applying corners to individual images with something like L.distortableImageOverlay(imageUrl, {corners: anchors});

The problem is, all images load at the top left corner of the map and until I scroll on the map, they remain there. After applying the scroll, however the images goes to their intended location

Reproduce the behavior: Load multiple images on different corners

Browser, version, and operating system:

• Tested on Chrome, Firefox -
• Version: Chrome 77.0.3865.90, Firefox 69.0.1 (64-bit) -
• Platform: macOS, haven't tried on Windows yet -

[welcome[bot]]

Thanks for opening your first issue here! Please follow the issue template to help us help you 👍🎉😄 If you have screenshots to share demonstrating the issue, that's really helpful! 📸 You can make a gif too!

[sashadev-sky]

@saadsaifse I just tested with an SVG, and works as expected for me. Is it possible you're setting your own CSS transform properties anywhere? Also if you check the bounds / corners of the image when its in the corner are they what you expected?