Multi-line paragraphs in list items in RichTextEditor have the marker bottom aligned

[QuinnStraus]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.15.1

What package has an issue?

@mantine/tiptap

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Chrome

Describe the bug

List item markers on multi-line text in the RichTextEditor are aligned to the bottom of the text block rather than the top as they should. This can be verified on the RichTextEditor demo in the docs.

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

It seems this is caused by a display: inline-block css rule applied to all li > p that are children of the rich text editor component. Removing this rule via inspect element fixes the problem. This was added in 7aac29f, not sure what the fix was intended to address.

Self-service

• I would be willing to implement a fix for this issue