Links to SVG images don't work

[matbeard]

I can't get links to SVG images to display the image -- the text of the SVG is displayed instead.

I'm using something like: $(document).ready(function() { $('.image-link').magnificPopup({type:'image'}); });

The SVG images are generated by PHP, but they work if opened directly in a browser, so I can't see that being an issue.

Any suggestions?

[steelwolf]

I am experiencing something similar. If the image is an SVG, the popup has the image portion of the SVG displayed faded out behind the overlay, while any text in the SVG is in clear focus as though it were the image.

[Rikk]

+1 A workaround is using type:inline and src as an html <img> tag. CSS style adjustments may be necessary.

[strarsis]

+1 SVG support would be great!

[q2apro]

It seems that one solution is to set a min-height by CSS:

.mfp-img {
    min-height: 50vh;
}

Then the SVG image at least shows up.