[Bug] Bullet and numbered lists display spaces and placeholder text if no content exists, but include child nodes
d-kuen opened this issue · 0 comments
Bug Description
Bullet and numbered lists are not rendered correctly if a list element doesn't contain any content but contains child nodes like a paragraph.
If no bullet or numbered list content exists, an empty space and a placeholder text will be displayed:
How to Reproduce
Following minimal HTML produces a document which will be rendered as explained above:
htmlToDocument('<ol><li><p>test</p></li></ol>')
Extended example (used for the screenshot):
htmlToDocument('<ol><li><p>ol Line 1</p><p>ol Line 2</p></li><li><p>ol Line 3</p><p>ol Line 4</p></li></ol><ul><li><p>ul Line 1</p><p>ul Line 2</p></li><li><p>ul Line 3</p><p>ul Line 4</p></li></ul>')
This can be reproduced by replacing the HTML string at
appflowy-editor/example/lib/home_page.dart
Line 143 in 796d124
Expected Behavior
No empty space and no placeholder text should be displayed in this case.
The nested content should move up to be aligned with the bullet symbol:
Maybe only in editable: false
mode?
Operating System
iOS (simulator)
AppFlowy Editor Version(s)
2.4.0
Screenshots
No response
Additional Context
No response