Flutter_html: a href with image

[DagobertDokate]

Good morning,

a image as a link is not clickable.
<a href="www.google.de"><img src="https://image.de"></a>

can you fix it? =)

kind regards

[The-Redhat]

Hey can you please post your code of the Html Widget.

[DagobertDokate]

Html( linkStyle: TextStyle(color: Colors.grey), data: deal.content, defaultTextStyle: Styles.BLACK_MEDIUM_16, onLinkTap: (url) => launch(url), ),

[AlastorReach]

Same problem here, a href with image when is clicked fires onImageTap event and not onLinkTap.

[Sub6Resources]

Yup, this is definitely an issue. I'll work to make sure that the onLinkTap callback is preferred over the onImageTap in this case.

[masonzhang]

I have the same issue. Hopefully the fix can be released soon. Currently I'm using a complicated workaround. Thanks a lot!

[searchy2]

This issue exists in the default parser as well as the RichText parser.

@Sub6Resources - this issue is really unfortunate because the current onImageTap callback only provides the image URL that is clicked. Often times, an image is used as a button or CTA and needs to open another URL. Would you consider prioritizing this issue?

Currently, the only workaround I can think of is adding the open url to a query parameter and extracting that value.

[Sub6Resources]

This has been fixed in version 1.0.0 and will be released by the end of the month. See #122 for progress on the 1.0.0 release.

[Sub6Resources]

As a note, the fix makes it so that _both_ of the callbacks (onImageTap and onLinkTap) are called.

[jhass]

@Sub6Resources thanks for the fix! Is there a way to suppress onImageTap in this case? Alternatively is there a way to detect this case in onImageTap to suppress it there?

[Sub6Resources]

Not currently, I may consider adding that though. What is your use-case for detecting onLinkTap and suppressing onImageTap?

[jhass]

I have user content, namely I render parsed markdown content. Users sometimes embed images which I'd like to provide a lightbox for on tap. But sometimes users also wrap the image embed with a link for example for a link banner or a link to their own gallery page etc. In this case I want to open just the link and not show the lightbox.

[jhass]

Guess I should open a new issue for the above so it doesn't get lost?