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
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
Comment #2
mariohernandez commentedComment #4
mariohernandez commentedComment #5
mariohernandez commentedComment #6
minsharm commentedSteps to Retest:
Results :
Numbered and bulleted list formatting are correct and visible now within the Layout Builder sidebar as well.
Comment #8
mariohernandez commentedThis bug has been fixed for D9 and D10.
Comment #9
mariohernandez commented