Rich text bubbles have massive paragraph breaks when authored with RTE.

[ara4n]

Steps to reproduce

1. Send a single-spaced multiline message in the RTE by hitting 'enter' at the end of every line
2. Observe that the rendered bubble is shown with double-spacing.

It's as if the <p/> tags created by the RTE are rendered with CSS with margin-bottom: 1em or something, whereas either they should be emitted as <br/> tags, or there should be no bottom margin or other padding on rendering <p/> tags.

RPReplay_Final1694192760.mp4

Outcome

What did you expect?

Sent bubble should visually match the authored preview in the RTE precisely.

What happened instead?

All the linefeeds got doublespaced.

Your phone model

No response

Operating system version

No response

Application version

380

Homeserver

No response

Will you send logs?

No

[ara4n]

matrix-org/matrix-rich-text-editor#832 is the root cause here:

the problem is that the default and correct handling of paragraph tags is to put a linebreak of padding after them, like in a book
i don’t think we’ve ever specced or suggested that matrix clients should override that padding to 0px
so i would argue that we are doing the wrong semantic thing in RTE if every return is seen as a paragraph break rather than a <br/> line break
given the intention of the author will be a linebreak. (and they’ll prolly write two linebreaks if they intend a paragraph break).

[jonnyandrew]

Fixed in RTE v2.15.0 (matrix-org/matrix-rich-text-editor#834).