Problem using "CKEditor5 Media Resize" with Olivero theme and Layout Builder

Created on 6 January 2025, 13 days ago

Problem/Motivation

While scaling a 'classic image' embedded in CKEditor5, the image remains between the edges of the blocks provided by Layout Builder.
This is not (always) the case when you do this with a 'media image'.

Steps to reproduce

1° Create a new content type with 2 "text formatted long" fields.
2° Manage display / use Layout Builder / create a 2 column section / the left block is used for your first text field, the right block for the second text field.
3° Add content to your new content type / insert a media image in each field selecting "CKE Media Resize Large" style. Do not touch the corner handlers.
4° Result OK. See image Media_LayoutBuilder1.jpg
5° Do the same as in 3°, but now reduce the image width with the right drag handler to 700px (In my example the original image had a size of 800x600 pixels)
6° Result NOT OK. See image Media_LayoutBuilder2.jpg. The image is not reduced in size, but enlarged, and leaves the region provided by the Layout Builder.
7° Do the same as in 3° but use "CKE Media Resize Medium" style and scale the image up to 600px width.
8° Result NOT OK. Same as under 6°

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇧🇪Belgium jjgw

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

Comments & Activities

Production build 0.71.5 2024