AppFlowy-IO / AppFlowy-IO/appflowy-editor

[Bug] Bullet and numbered lists display spaces and placeholder text if no content exists, but include child nodes

Aberta
#802 0 comentários 3 reações 0 responsáveis Ver no GitHub
p0
Linguagem predominante
Dart
Estrelas
684
Forks
329
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

### 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:
![image](https://github.com/AppFlowy-IO/appflowy-editor/assets/4848555/0aa4260b-2493-4c35-bbb1-918ca19e1d78)

### How to Reproduce

Following minimal HTML produces a document which will be rendered as explained above:

```dart
htmlToDocument('

  1. test

')
```

Extended example (used for the screenshot):

```dart
htmlToDocument('

  1. ol Line 1

    ol Line 2

  2. ol Line 3

    ol Line 4

  • ul Line 1

    ul Line 2

  • ul Line 3

    ul Line 4

')
```

This can be reproduced by replacing the HTML string at https://github.com/AppFlowy-IO/appflowy-editor/blob/796d1249fe5a7f936cb9060208561c45db484098/example/lib/home_page.dart#L143.

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

![image](https://github.com/AppFlowy-IO/appflowy-editor/assets/4848555/23cbdd9b-d4bd-4afd-a465-93ba5e71fde6)

Maybe only in `editable: false` mode?

### Operating System

iOS (simulator)

### AppFlowy Editor Version(s)

2.4.0

### Screenshots

_No response_

### Additional Context

_No response_

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.