Problem/Motivation
After enabling `Allow the user to override the default view mode` the config modal will not be loaded. Error message in console: `image-style-configuration-definition-invalid`
See Error-Link.
Corresponding Object:
{
"dropdown": {
"name": "drupalMedia:viewMode",
"display": "listDropdown",
"defaultItem": "drupalElementStyle:viewMode:base_50_percent",
"defaultText": "View mode",
"items": [
"drupalElementStyle:viewMode:base_100_percent",
"drupalElementStyle:viewMode:base_100_percent_flex",
"drupalElementStyle:viewMode:base_100_percent_landscape",
"drupalElementStyle:viewMode:base_33_percent",
"drupalElementStyle:viewMode:base_33_percent_flex",
"drupalElementStyle:viewMode:base_50_percent",
"drupalElementStyle:viewMode:base_50_percent_flex",
"drupalElementStyle:viewMode:base_50_percent_portrait"
]
}
}
Steps to reproduce
- Create responsive image styles (with breakpoints and image styles)
- Enable Drupal-Media-Icon in CKE5
- Allow option Allow the user to override the default view mode
- In Filter Settings choose some responsive image styles
Comments
Comment #2
quietone commentedChanges are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.
Comment #4
joseph.olstadI've just noticed this also with Drupal 11.2.10 and it's version of CKEditor5. Occurs in the node edit form when ckeditor5 is loaded with image/media embed capabilities are enabled and an image is inserted with this said widget.
See screenshot.

Read more: https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html#erro...