Spam element containing style with background-color is divided to two span elements

[mjancovic]

📝 Provide detailed reproduction steps (if any)

1. Switch to Source mode
2. Insert code <span style="background-color:#4194DC;display:inline-block;font-size:0;height:5px;line-height:15px;margin:0 7.5px 0 0;width:5px;">.</span>
3. Switch to Standard mode and then back to Source mode
4. See that the code has been changed to <span style="background-color:#4194DC;"><span style="display:inline-block;font-size:0;height:5px;line-height:15px;margin-bottom:0;margin-right:7.5px;margin-top:0;width:5px;">.</span></span>

✔️ Expected result

The code should look the same as the inserted code <span style="background-color:#4194DC;display:inline-block;font-size:0;height:5px;line-height:15px;margin:0 7.5px 0 0;width:5px;">.</span>

❌ Actual result

The code is divided to two span elements.
One element with style containing only background-color <span style="background-color:#4194DC;"> and second element with remaining style <span style="display:inline-block;font-size:0;height:5px;line-height:15px;margin-bottom:0;margin-right:7.5px;margin-top:0;width:5px;">

❓ Possible solution

If you have ideas, you can list them here. Otherwise, you can delete this section.

📃 Other details

• Browser: Chrome Version 123.0.6312.105 (Official Build) (64-bit)
• OS: Ubuntu 22.04.4 LTS
• First affected CKEditor version: 41.2.1
• Installed CKEditor plugins:

"dependencies": {
       "@ckeditor/ckeditor5-adapter-ckfinder": "^41.2.1",
       "@ckeditor/ckeditor5-alignment": "^41.2.1",
       "@ckeditor/ckeditor5-autoformat": "^41.2.1",
       "@ckeditor/ckeditor5-basic-styles": "^41.2.1",
       "@ckeditor/ckeditor5-block-quote": "^41.2.1",
       "@ckeditor/ckeditor5-code-block": "^41.2.1",
       "@ckeditor/ckeditor5-editor-classic": "^41.2.1",
       "@ckeditor/ckeditor5-essentials": "^41.2.1",
       "@ckeditor/ckeditor5-font": "^41.2.1",
       "@ckeditor/ckeditor5-heading": "^41.2.1",
       "@ckeditor/ckeditor5-horizontal-line": "^41.2.1",
       "@ckeditor/ckeditor5-html-support": "^41.2.1",
       "@ckeditor/ckeditor5-image": "^41.2.1",
       "@ckeditor/ckeditor5-indent": "^41.2.1",
       "@ckeditor/ckeditor5-link": "^41.2.1",
       "@ckeditor/ckeditor5-list": "^41.2.1",
       "@ckeditor/ckeditor5-media-embed": "^41.2.1",
       "@ckeditor/ckeditor5-paragraph": "^41.2.1",
       "@ckeditor/ckeditor5-remove-format": "^41.2.1",
       "@ckeditor/ckeditor5-source-editing": "^41.2.1",
       "@ckeditor/ckeditor5-special-characters": "^41.2.1",
       "@ckeditor/ckeditor5-style": "^41.2.1",
       "@ckeditor/ckeditor5-table": "^41.2.1",
       "@ckeditor/ckeditor5-theme-lark": "^41.2.1",
       "@ckeditor/vite-plugin-ckeditor5": "^0.1.3"
     },

---

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

[Witoso]

Duplicate: #16120

The explanation is in the comments, and linked issues.