CKEditor list adds unwanted P tag on restricted HTML

Created on 22 February 2021, over 3 years ago

Updated 1 February 2023, almost 2 years ago

Problem/Motivation

When adding a list CKEditor with Restricted HTML mode a  tag gets added after the text if the second item is indented.

Steps to reproduce

Enable CKEditor for the Restricted HTML mode
Check the setting, Convert line breaks into HTML (i.e. and ) found here /admin/config/content/formats/manage/restricted_html?destination=/admin/config/content/formats
Add some new content using the Restricted HTML mode and add an unordered list. Indent the second item.
Add another unordered list bellow and just indent the third item (first two normal, then the third one indented).
Save and view the result. Inspect the list and check that there is an extra  tag added to the <li> element right after the text. This  tag has standard margins from the browser that creates a big space to the "parent" list item.
Compare to the other unordered list. There should not be an extra space on that list:

Expected behavior is that no extra  tags gets added to list items and that it should be consistent no matter which list items are indented.

This only happens with the Restricted HTML mode. I have tested on several Drupal installations and been able to reproduce every time. The problem goes away if the Convert line breaks into HTML (i.e. and ) is unchecked but I expect that this isn't the expected behavior since it only affects list where the second list item is indented. I does not happen with the ordered lists.

Proposed resolution

None. It is fixable with CSS but that would be a bad workaround since it might be desirable with margins if paragraph tags are used inside unordered lists.

Remaining tasks

None.

User interface changes

None.

API changes

None.

Data model changes

None.

Release notes snippet

None.

💬 Support request

Status

Fixed

Version

1.0

Component

Code

Created by

🇸🇪Sweden Kaffia

Live updates comments and jobs are added and updated live.

Bug Smash Initiative

Incomplete comments

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment almost 2 years ago →
🇨🇭Switzerland handkerchief
The checkbox "Correct faulty and chopped off HTML" doesn't work for me.
Not only in layout builder (screenshots), it's the same effect on every text field with this text format.

Drupal: 9.4.8
Status changed to Fixed almost 2 years ago10:05am 1 February 2023
Comment almost 2 years ago →
🇧🇪Belgium wim leers Ghent 🇧🇪🇪🇺
filter_autop should never be used with either CKEditor 4 nor 5.

See #3337684-7: Unwanted p tags added when using filter_autop → .
Comment almost 2 years ago →
System Message
Automatically closed - issue fixed for 2 weeks with no activity.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024