flutter_html icon indicating copy to clipboard operation
flutter_html copied to clipboard

[BUG] line-height causes list misalignment

Open abcdsxg opened this issue 3 years ago • 1 comments

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: image

in flutter: image

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)

abcdsxg avatar Jul 06 '22 06:07 abcdsxg

Bumping this :) I attempted to remedy with li::before but I don't think flutter_html supports pseudo elements yet

TDuffinNTU avatar Jul 08 '22 16:07 TDuffinNTU