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
CommentFileSizeAuthor
#4 ckeditor5_image_style.png16.48 KBjoseph.olstad

Comments

jan kellermann created an issue. See original summary.

quietone’s picture

Version: 11.0.x-dev » 11.x-dev

Changes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.

joseph.olstad’s picture

StatusFileSize
new16.48 KB

I'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.
screenshot of exception that shows up in the devtools console with chromium

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