I'm trying to embed a PDF document into a Leaflet map popup, so that the PDF displays within the popup balloon when the user clicks the map point.
I've attempted to place
<embed src="mypdf.pdf" width="500px" height="500px" /> into the leaflet popup wrapper elements, but the
<embed> element does not show the content of the PDF, it is just blank.
However, I can take this same
<embed> element and place it anywhere else on the web page, outside of the Leaflet popup element, and it shows the PDF file as expected - pointing to a problem specific to the popup.
Is there a reason why the
<embed> tag is not working inside of a popup?