SUB and SUP tag is not working

[pashupatisah112]

I am using flutter
sdk: ">=2.17.3 <3.0.0"
flutter_widget_from_html: ^ 0.10.5+3
Dart version: 2.19.6

[daohoangson]

What is your HTML? You are using Flutter 3.3?

[pashupatisah112]

Flutter 3.7.10
My HTML has square and base ..consists of mathematical formulae.

[daohoangson]

Without specific HTML to troubleshoot, it's hard to figure out the problem and fix it. Can you share your HTML?

[pashupatisah112]

<div class="code-block ng-star-inserted">
<pre style="margin-top: 0px; margin-bottom: 0px;"><code class="code-container no-decoration-radius" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.875rem; line-height: 1.125rem; font-family: 'Google Sans Mono', monospace; color: var(--bard-color-on-surface-variant); background-color: var(--bard-color-code-block-background); border-radius: 16px; padding: 16px; display: block; overflow-x: auto; direction: ltr;" role="text">2PbO &rarr; 2Pb + <math xmlns="http://www.w3.org/1998/Math/MathML"><msub><mi>o</mi><mn>2</mn></msub></math>
</code></pre>
</div>
<p>&nbsp;</p>
<div class="code-block ng-star-inserted">
<p style="margin: 0px;"><code class="code-container no-decoration-radius" style="font: 400 0.875rem / 1.125rem 'Google Sans Mono', monospace; letter-spacing: normal; color: var(--bard-color-on-surface-variant); background-color: var(--bard-color-code-block-background); border-radius: 16px; padding: 16px; display: block; overflow-x: auto; direction: ltr;" role="text"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>C</mi><mi>u</mi><mi>O</mi></math> + <math xmlns="http://www.w3.org/1998/Math/MathML"><mn>2</mn><mi>H</mi><mi>C</mi><mi>l</mi></math> &rarr; <math xmlns="http://www.w3.org/1998/Math/MathML"><mi>C</mi><mi>u</mi></math><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>C</mi><msub><mi>l</mi><mn>2</mn></msub></math> + <math xmlns="http://www.w3.org/1998/Math/MathML"><msub><mi>H</mi><mn>2</mn></msub><mi>O</mi></math></code></p>
</div>

[daohoangson]

Your HTML is using MathML to render, support for that is still in progress. See #471

[pashupatisah112]

Thank you for your support