Problem/Motivation

While adding an ordered list to a block or pattern within CKEditor, the list does not look properly formatted. The numbers in the list are not visible which makes this hard to know whether the content will be properly formatted when it is rendered on the page.

Steps to reproduce

  • Install a fresh drupal 9.5/10 site
  • Enable Patternkit, Patternkit Example and Layout Builder modules
  • Go to /admin/config/user-interface/patternkit/json
  • Set Wysiwyg editor to "CKEditor 5" and Basic HTML from CKEditor toolbar.
  • Create a basic page content type and add PK [Example block] from layout builder.
  • Add a ordered list content with CKEditor5

Noticed how the numbers in the list are hidden from view if you are adding them within the Layout Builder sidebar, but they are visible if you add the content in a new window when the browser can expand full width.

Proposed resolution

Update the Cygnet theme CSS styles to ensure the indentation for the CKEditor content window does not contribute to creating this bug.

Remaining tasks

User interface changes

Update CKEditor content area CSS styles for better display of OL and UL.

API changes

N/A

Data model changes

N/A

Issue fork patternkit-3353269

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

mariohernandez created an issue. See original summary.

mariohernandez’s picture

Issue summary: View changes

mariohernandez’s picture

Issue summary: View changes
mariohernandez’s picture

Status: Active » Needs review
minsharm’s picture

Steps to Retest:

  1. Install a fresh drupal 9.5/10 site
  2. Enable Patternkit, Patternkit Example and Layout Builder modules
  3. Go to /admin/config/user-interface/patternkit/json
  4. Set Wysiwyg editor to "CKEditor 5" and Basic HTML from CKEditor toolbar.
  5. Create a basic page content type and add PK [Example block] from layout builder.
  6. Add a ordered list content with CKEditor5

Results :
Numbered and bulleted list formatting are correct and visible now within the Layout Builder sidebar as well.

  • mariohernandez committed 8e5d4844 on 9.1.x
    Issue #3353269 by mariohernandez: Formatting issue for ordered list...
mariohernandez’s picture

Status: Needs review » Fixed

This bug has been fixed for D9 and D10.

mariohernandez’s picture

Status: Fixed » Closed (fixed)