CKeditor 5 add more space to the bullet/order point (ckeditor changing <span> tag to <p> tag)

[onetech-project]

📝 Provide detailed reproduction steps (if any)

1. Create bullet or order point inside ckeditor text editor
2. change alignment from left to justify
3. ckeditor add more space to the bullet/order point (ckeditor changing <span> tag to <p> tag)

✔️ Expected result

ckeditor should not add more space between point (should not change the tag)

❌ Actual result

ckeditor add more space to the bullet/order point (ckeditor changing <span> tag to <p> tag)

❓ Possible solution

do not change <span> to <p> when alignment change

📃 Other details

• Browser: Chrome 27.0.6533.89 (Official Build) (arm64)
• OS: MacOS Monterey 12.6
• First affected CKEditor version: CKEditor 5
• Installed CKEditor plugins: CKEditor 5
• i capture the issue as well in the video below

Screen.Recording.2024-08-06.at.10.09.34.mov

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

[Reinmar]

This is related to #11347.

The issue is only with CSS – the paragraphs within list items (and potentially list items) should be styled differently by default, but we didn't yet make a decision how. Either all spacing should be removed or the spacing should be standardized between list items and paragraphs.

[onetech-project]

Hi @Reinmar,

Thanks, hope this behaviour will be fix soon

[spacelist-ca]

This is related to #11347.

The issue is only with CSS – the paragraphs within list items (and potentially list items) should be styled differently by default, but we didn't yet make a decision how. Either all spacing should be removed or the spacing should be standardized between list items and paragraphs.

Any reason the spacing shouldn't remain the same? Does MS Word or Google Docs do it? if not, it should copy standard practice...seems everyone expects it to not have the additional spacing and keeps a standard spacing.

[Witoso]

AFAIR, GDocs, Word as well, have the "Add space before/after paragraph" feature. Without this feature in the CKEditor, a user can't manipulate spacing, and it left some scenarios not recognizable visually: soft breaks were not distinguishable from paragraphs. Anyway, we need to do more research here.

[spacelist-ca]

The best solution is to build a "line height" plugin that has the ability to add margin top/bottom (add space before/after). We prototyped it, its not terribly hard, and its done in other HTML based editors...just need to make it work with all the various plugins and have a custom css override if needed.

[pszczesniak]

Solved by #18801.