View Issue Details

IDProjectCategoryView StatusLast Update
0006056SOGoWeb Mailpublic2024-11-06 16:57
Reporterdreipc Assigned Tosebastien  
PrioritynormalSeveritytweakReproducibilityalways
Status resolvedResolutionfixed 
PlatformFirefoxOSFedoraOS Version41
Product Version5.11.2 
Fixed in Version5.12.0 
Summary0006056: CKEditor5 paragraphs and line breaks look the same (paragraphs have no margins)
Description

When composing a new email using the included CKEditor5 interface, new paragraphs do not have any margins and appear the same as line breaks. This is confusing for end users, as the email will look different when sent.

Essentially pressing "Enter" and "Shift+Enter" looks the same when writing the email.

The issue is likely a CSS override somewhere that sets the margins of paragraphs to 0.
The issue only appeared after the recent update that included CKEditor5.

When inspecting a paragraph in the editor, the snippet included in the attachments shows the margins of paragraphs are set to 0.

As a workaround to "fix" the issue we added a custom CSS override at the end of the theme-default.css file located here "/var/lib/docker/volumes/mailcowdockerized_sogo-web-vol-1/_data/WebServerResources/css/theme-default.css":

.ck-content p {margin: revert;}

After that paragraphs in the CKEditor5 have the correct spacing and look like you would expect.
See the attached screenshots for a before and after. You can see the correct spacing between parapgrahs after applying the fix.

Steps To Reproduce
  1. Write a new email in the SOGo interface
  2. Enter some text and press "Enter"
  3. Enter some text and press "Shift+Enter"
  4. See no difference between "Enter" and "Shift+Enter"
Additional Information

This issue was first reported to Mailcow here: https://github.com/mailcow/mailcow-dockerized/issues/6138
When testing the SOGo demo online the issue could be replicated, so it is probably a SOGo Bug and not specific to Mailcow.

I also found this bug from 2015 which looks very similar: https://bugs.sogo.nu/view.php?id=3163

TagsNo tags attached.

Activities

dreipc

dreipc

2024-11-06 15:17

reporter  

sebastien

sebastien

2024-11-06 16:57

administrator   ~0017927

Thanks for reporting and your suggestion, added css directive in a09f4d8f498932edee92976ed24b271ed3cd5204

Sebastien

Issue History

Date Modified Username Field Change
2024-11-06 15:17 dreipc New Issue
2024-11-06 15:17 dreipc File Added: Bildschirmfoto_20241105_173741.png
2024-11-06 15:17 dreipc File Added: Bildschirmfoto_20241105_173725.png
2024-11-06 15:17 dreipc File Added: Bildschirmfoto_20241105_170432.png
2024-11-06 16:57 sebastien Note Added: 0017927
2024-11-06 16:57 sebastien Assigned To => sebastien
2024-11-06 16:57 sebastien Status new => resolved
2024-11-06 16:57 sebastien Resolution open => fixed
2024-11-06 16:57 sebastien Fixed in Version => 5.12.0