Possibility to wrap the image in a <a> element

Thank you for this awesome plugin.

I have a question: if we wrap this component in a <a> HTML element, we cannot hook into the Media onClick event, therefore the preventing default of the event is not happening.

Example:

<a href='/b'>
 <div which loads the image />
</a>

So the https://github.com/stereobooster/react-ideal-image/blob/master/src/components/Media/index.js#L155 could do an event prevent default.

Thank you!

[stereobooster]

Ah now I see the problem

[ioanlucut]

I have exact this case using an img inside a. I put it like this so that I can click on it and navigate, except when the image is not loaded because the user is running on 2g or so; therefore, when I click on the download image icon, the event is propagated, and instead of just downloading the image, I navigate to the href.

In this case I’d need to rewrite the entire logic in the a onClick handler (which is now in the Media component).