Empty lines with the 'align' attribute aren't properly rendered

[ivoegcosta]

Describe the bug

When the text is aligned to the center and two new lines are inserted before proceeding to write text, the generated output doesn't include the <br> tag on the middle line.

It instead adds an empty paragraph between the two lines of text, which doesn't match the Quill output.

The delta code which generates the problem

{"ops":[{"insert":"Centered text"},{"attributes":{"align":"center"},"insert":"\n\n"},{"insert":"Line three?"},{"attributes":{"align":"center"},"insert":"\n"}]}

This generates the following output:

<p style="text-align: center;">Centered text</p><p style="text-align: center;"></p><p style="text-align: center;">Line three?</p>

The expected HTML output the delta should produce

<p style="text-align: center;">Centered text</p><p style="text-align: center;"><br></p><p style="text-align: center;">Line three?</p>

Expected behavior

The second line, even though it doesn't contain any text, should still render in order to space out the two lines of text correctly.

Additional context

I managed to pinpoint the issue to the align implementation, given that if I remove the {"align":"center"} from the empty line, it renders correctly as <p><br><p>.

I believe the <br> tag might be escaped within the wrapElement call that is made from the Align listener.

[nadar]

i try to keep the issue tracker clean, please reopen if necessary.

[nadar]

4.0 refactor will not happen. Sorry. Quill is abandoned

• Nested lists are not rendered as nested #74 (comment)
• Is quill dead? slab/quill#3359