Closed
Description
Describe the bug:
It gives and error when trying to render the HTML attached. The error happens on html_parser.dart on line 1048 when creating a container with a negative padding. I don't know why it tries to put a negative reason, but the HTML works fine on a web browser.
HTML to reproduce the issue:
Html widget configuration:
The HTML that gives the error:
<div class="Section0"><p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-top-style:hidden;border-left-style:hidden;border-right-style:hidden;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">Let's do a test:</span></p>
<ul type="disc" style="margin:0pt; padding-left:0pt">
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Symbol;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">Non enumerated point</span></li>
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Symbol;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">more points</span></li>
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Symbol;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">more</span></li>
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Symbol;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">and more</span></li>
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Symbol;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">and even more</span></li>
</ul>
<p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;"><span style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;"> </span></p>
<ol type="1" start="1" style="margin:0pt; padding-left:0pt">
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">now enumerated points</span></li>
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">second</span></li>
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">third</span></li>
<li style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:18pt;padding-left:-18pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">forth</span></li>
</ol>
<p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;"><span style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;"> </span></p>
<p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">Now with </span><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:bold;font-style:normal;font-variant:normal;text-decoration: none;">bold</span></p>
<p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">and </span><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:italic;font-variant:normal;text-decoration: none;">italic</span></p>
<p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;"><span lang="en-US" style="font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">and maybe with </span><span lang="en-US" style="color:#FF0000;font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">color</span></p>
<p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;"><span style="color:#FF0000;font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;"> </span></p>
<p style="text-align:left;page-break-inside:auto;page-break-after:auto;page-break-before:avoid;line-height:normal;margin-top:0pt;margin-bottom:0pt;margin-left:0pt;text-indent:0pt;margin-right:0pt;border-left-style:hidden;border-right-style:hidden;border-bottom-style:hidden;"><span lang="en-US" style="color:#000000;font-family:Arial;font-size: 16px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;text-decoration: none;">Wish it works fine</span></p>
</div>
Screenshots:
Image of the HTML viewed on a browser:
Device details and Flutter/Dart/flutter_html versions:
Flutter version 2.5.3
Dart version 2.14.4
Flutter Html version 2.2.0
Stacktrace/Logcat
'package:flutter/src/widgets/container.dart': Failed assertion: line 269 pos 15: 'padding == null || padding.isNonNegative': is not true.
A picture of a cute animal
