Improve CKEditor 5 display on the Job edit form

Open on Drupal.org →

Created on 22 September 2023, about 1 year ago

Problem/Motivation

The Job edit form display overflows the table width with CKEditor 5 (depends on the screen width, but can be reproduced with e.g. 13" laptop).

Also, a nice to have would be to disable the editor for the source so it's clear for reviewers that this section cannot be edited, like this

Steps to reproduce

Install latest Drupal core (tested with 10.1.4)
Enable TMGMT demo
Translate a node with a formatted text value

Proposed resolution

For the CKEditor overflow, perhaps use a constraint for the table, like table-layout: fixed;

📌 Task

Status

Active

Version

1.0

Component

User interface

Created by

🇨🇭Switzerland colorfield Lausanne

Live updates comments and jobs are added and updated live.

Sign in to follow issues

Comments & Activities

Issue created by @colorfield
Comment about 1 year ago →
🇨🇭Switzerland colorfield Lausanne
Seems to be closely related to 🐛 CKEditor 5 toolbar items of multi-value field (typically Paragraphs) overflowing on narrow viewports and overlapping with node form's sidebar on wide viewports Needs work
Comment about 1 year ago →
🇨🇭Switzerland colorfield Lausanne
Comment 2 months ago →
🇺🇸United States aaronelborg
What worked for me was to add the Wrapper Icon to the 'full html' text format.

Got it from here:
https://www.drupal.org/project/drupal/issues/3332416#comment-15777990 🐛 CKEditor 5 toolbar items of multi-value field (typically Paragraphs) overflowing on narrow viewports and overlapping with node form's sidebar on wide viewports Needs work

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024