Missing styles for CKEditor contrib module

Created on 22 June 2023, over 1 year ago
Updated 23 August 2023, over 1 year ago

Problem/Motivation

If using the ckeditor contrib module, the Seven theme will fail to extend the `core/ckeditor` library. As a consequence, there will be missing stylesheets.

Steps to reproduce

  • Install CKEditor contrib module.
  • Install Seven contrib module.
  • Go to a form that uses CKEditor.
  • Click on table button on CKEditor toolbar.
  • Notice on the table properties popup that the Headers dropdown has several arrows pointing down.

Proposed resolution

Provide support for the ckeditor contrib module by adding

  ckeditor/ckeditor:
    - seven/ckeditor-dialog
    - seven/ckeditor-admin

to `libraries-extend:` as this will allow ckeditor-dialog.css and ckeditor-admin.css stylesheets to be loaded with Seven theme.

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇺🇸United States mmenavas

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

Comments & Activities

  • Issue created by @mmenavas
  • @mmenavas opened merge request.
  • 🇮🇳India swatidhurandhar

    @mmenavas I followed the steps mentioned by you to reproduce the issue.
    I didn't see any broken header icons in table properties and moreover below code in already present in seven.info.yml in 'libraries-extend'.
    ckeditor/ckeditor:
    - seven/ckeditor-dialog
    - seven/ckeditor-admin

    Can you add more details to reproduce it? ( I tested in drupal 9.5.10)

  • 🇺🇸United States mmenavas

    @swatidhurandhar: I recently experienced this issue again on another site after upgrading from D9 to D10. I used the Seven theme and CKEditor module from contrib space as they're not available on core anymore. When I open the table properties modal and hover over the alignment dropdown, I see multiple arrows as shown on the screenshot.

Production build 0.71.5 2024