Aggregation breaks CKEditor 5

In our case we were suffering from 🐛 Library order asset weights do not work properly when a large number of javascript files is loaded between two jQuery UI libraries Fixed .

Same problem but only with custom blocks editing. CKEditor 5, Drupal Version 9.5.4. PHP8.1.13.

Hello everyone, I am also facing the same issue with adding custom blocks, as ckeditor5 not visible. Can someone please help on this.
JS aggregation enable and I am using Drupal 9.5.3 and php 8.2.0

Same problem with Drupal 9.5.5, CKeditor 5, PHP 8.1 and "Aggregate JS files", but only in authenticated users, not in admin users, when they edit a node (body files without CKeditor).

Console log says:

Uncaught TypeError: t.widget is not a function Uncaught TypeError: _ref is undefined
Uncaught TypeError: Drupal.editors is undefined
Uncaught TypeError: Drupal.ajax is not a function

Thanks.

Can anyone confirm that the steps to reproduce in the issue summary are reproducible, by following them?

When I uninstall Linkit module or I remove taxonomy reference field in content type, Ckeditor 5 with JS Aggregation work well again.

In my case, It seems to be an error with JQuery UI library order:

https://www.drupal.org/project/drupal/issues/3222107 🐛 Library order asset weights do not work properly when a large number of javascript files is loaded between two jQuery UI libraries Fixed

I believe that this can be easily reproduced (albeit not in the same was as describe in the I.S.

These reproduction steps have been tested against 10.1.x-dev with Olivero.

1. Install the standard 10.1.x profile (with Olivero as the front-end theme).
2. Enable Layout Builder and allow overrides on the Article content type.
3. Disable aggregation.
4. Add css/some-style.css containing .ck-content a { color: #80808080 } to Olivero.
5. Add a ckeditor5-stylesheets key to olivero.info.yml.
6. Create a piece of content and add a basic block with a link inside, observe the color of the link in the CKEditor preview is #80808080.
7. Enable aggregation.
8. Flush caches & refresh the page.
9. Open the block back up in ckeditor5 -- observe that the link color property not the expected #80808080 CKEditor5 reset!

I was able to get CKEditor5 back once I excluded core's drupal.editor from aggregation:

editor.libraries.yml

drupal.editor:
  version: VERSION
  js:
    js/editor.js: { preprocess: false }
  dependencies:
    - core/jquery
    - core/drupal
    - core/drupalSettings
    - core/once
    - core/drupal.dialog

@Luke.Leber So you can cause JS errors in CKEditor 5 by just adding CSS? 😳

Hey Wim, no -- just ckeditor5-stylesheets loading in off-canvas as far as I can tell.

If this issue should be scoped to JS breakages only, I will happily update the issue title and copy my comment into a new issue.

Have a good evening.

In my case the problem was related to 3222107 🐛 Library order asset weights do not work properly when a large number of javascript files is loaded between two jQuery UI libraries Fixed .

Is this a duplicate of 🐛 Library order asset weights do not work properly when a large number of javascript files is loaded between two jQuery UI libraries Fixed ?

Thanks to @FvD in 💬 The block editor menu havent the "editor" Fixed , we have confirmed that @cilefen's hunch in #26 (and @ahmetburkan's in #25!) was indeed caused by 🐛 Library order asset weights do not work properly when a large number of javascript files is loaded between two jQuery UI libraries Fixed and is fixed by updating to Drupal 10.0.9!

See #3357678-20: The block editor menu havent the "editor" → and #3357678-21: The block editor menu havent the "editor" → .

@Wim Leers, so what about 9.5.x branch?

I'm working with 9.5.x, and it works fine with this patch 3222107 🐛 Library order asset weights do not work properly when a large number of javascript files is loaded between two jQuery UI libraries Fixed . The only issue is regarding default height, it looks too small.