Uncaught CKEditorError: Cannot read properties of undefined (reading 'pencil')

Created on 1 July 2025, 13 days ago

Problem/Motivation

After Drupal has updated CKEditor over in πŸ“Œ Update CKEditor 5 to 45.0.0 Active an error appears when trying to click on an embedded content widget inside the editor. Following error message is being thrown in console:

Uncaught CKEditorError: Cannot read properties of undefined (reading 'pencil')

The problem is that icon: e.icons.pencil inside the JavaScript is invalid and the icon is not available.

Steps to reproduce

Update to latest Drupal version and try to edit an embedded content, also no pencil icon is shown:

Proposed resolution

We need to install @ckeditor/ckeditor5-icons package and import icon like import { IconPencil } from '@ckeditor/ckeditor5-icons'; then.

After doing this it looks like this again:

πŸ› Bug report
Status

Active

Version

2.0

Component

User interface

Created by

πŸ‡©πŸ‡ͺGermany yannickoo Berlin

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024