flutter_html
flutter_html copied to clipboard
[BUG] line-height causes list misalignment
Describe the bug:
add line-height css causes list misalignment
HTML to reproduce the issue:
<style>
.content {
line-height: 2;
}
</style>
<div class="content">
<p>1</p>
<p>2</p>
<p>3</p>
<ol>
<li>11</li>
<li>22</li>
</ol>
</div>
Html widget configuration:
Html(
data:
'<style>.content {line-height:2;}</style><div class="content"><p>1</p><p>2</p><p>3</p><ol><li>11</li><li>22</li></ol></div>',
)
Expected behavior:
Screenshots:
in chrome:

in flutter:

Device details and Flutter/Dart/flutter_html versions:
flutter_html: ^2.2.1
Stacktrace/Logcat
Additional info:
A picture of a cute animal (not mandatory but encouraged)
Bumping this :) I attempted to remedy with li::before but I don't think flutter_html supports pseudo elements yet