Links not working when an other tag is inside the <a> tag and tags not working in general within <a> tags

[DFelten]

I tried the current master and encountered a problem. The links are now wrapping, which looks much nicer. But there is a problem with tags within the links.

As soon as there is another tag within the a tag, the links no longer work.

Reduced example html:

<ul>
<li><a href="https://www.kostenlos.de/dealdoktor-gewinnspiel"><b>200€ MediaMarkt-Gutschein GEWINNEN</b></a> 🍀</li>
<li><a href="https://www.kostenlos.de/dealdoktor-gewinnspiel"><strong>200€ MediaMarkt-Gutschein GEWINNEN</strong></a> 🍀</li>
<li><a href="https://www.kostenlos.de/dealdoktor-gewinnspiel">200€ MediaMarkt-Gutschein GEWINNEN</a> 🍀</li>
</ul>

The first two links don't work, but the third one does. As soon as the <b> or <strong> tag is removed, the link works again. In addition, the links are no longer styled.

Here we used the commit id (b71e9a3):

With the latest master (e5e24d0):

[erickok]

It's easy to reproduce but I haven't found a solution yet. Basically the inner tags aren't being applied iOS they are just text. Styling as well as linking.

[DFelten]

Then we should definitely wait here with a new version until this bug is fixed or undo the changes until they are resolved. Functioning links are of course quite important.

[erickok]

I think I solved this issue, both applying the linking to all text spans inside the link as well as application of the styling.

As a side note, I did see flutter/flutter#51936 which is a Flutter framework error, but it only logs the exception, and not crash anything or prevent rendering.

[DFelten]

Thanks, the styling and the links are now working again :) But unfortunately the line break within links is now gone.

My html example wasn't that good. With this example the missing line break is also visible:

<ul>
<li>DealDoktor-Monatsgewinnspiel: <a href="https://www.kostenlos.de/dealdoktor-gewinnspiel"><b>200€ MediaMarkt-Gutschein GEWINNEN</b></a> 🍀</li>
<li>HOHE GEWINNCHANCEN: <a href="https://www.kostenlos.de/dealdoktor-gewinnspiel"><strong>200€ MediaMarkt-Gutschein GEWINNEN</strong></a> 🍀</li>
<li><a href="https://www.kostenlos.de/dealdoktor-gewinnspiel">200€ MediaMarkt-Gutschein GEWINNEN</a> 🍀</li>
</ul>

[erickok]

I'm not sure what you mean. If I use this html:

<ul>
<li>DealDoktor-Monatsgewinnspiel: <a href="https://www.kostenlos.de/dealdoktor-gewinnspiel"><b>200€ MediaMarkt-Gutschein GEWINNEN</b></a> 🍀</li>
<li>HOHE GEWINNCHANCEN: <a href="https://www.kostenlos.de/dealdoktor-gewinnspiel"><strong>200€ MediaMarkt-Gutschein GEWINNEN</strong></a> 🍀</li>
<li><a href="https://www.kostenlos.de/dealdoktor-gewinnspiel">200€ MediaMarkt-Gutschein GEWINNEN</a> 🍀</li>
</ul>
<p>One of the most <span>common</span> <a><b>equations</b> in all of physics is <br /><var>E</var>=<var>m</var><var>c</var><sup>2</sup>.</a></p>

I get this result. That looks right to me?

[DFelten]

I'm confused. This is the result of your example html:

Currently I'm using your MR branch:

  flutter_html:
    git:
      url: https://github.com/vrtdev/flutter_html.git
      ref: bugfix/515-link-inner-html-linking-and-styles

[DFelten]

Sorry, after a flutter clean it's now working :) Thanks!