Skip to content

[BUG] Nesting divs increases the font size #1179

@bananowysong

Description

@bananowysong

Describe the bug:
When nesting elements like <div> <p> and so on, it seems that the font sizes increases the more nested the text is as if multiplied.

flutter_html version
flutter_html: ^3.0.0-alpha.6

HTML to reproduce the issue:

tseter without p
<p>tester tester in p</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
<div>tester in div</div>
<div>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul
</div>
<div>
<div>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul
</div>
</div>
<div>
<div>
<div>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul
</div>
</div>
</div>

Html widget configuration:
Default Html widget, no additional styling.

Expected behavior:
The font size should not increase by itself when HTML tags are nested.

Screenshots:
image

Device details and Flutter/Dart/flutter_html versions:
Samsung a52s 5g. Android 12. One ui 4.1

On android emulator (pixel 2, ios simulators and iphone xs max it looks all fine)

A picture of a cute animal (not mandatory but encouraged)
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions