Formatting issue for ordered list while editing CKEditor 5 content

Created on 10 April 2023, over 1 year ago
Updated 13 April 2023, over 1 year ago

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

🐛 Bug report
Status

Fixed

Version

9.1

Component

Module Core

Created by

🇺🇸United States mariohernandez Los Angeles

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024