ckeditor5.css conflict with Styles dropdown preview

Created on 1 November 2023, about 1 year ago
Updated 2 November 2023, about 1 year ago

Problem/Motivation

wxt_bootstrap's ckeditor5.css file creates layout issues with the styles dropdown of the editor. Adding a minimum height of 250px pushing the "preview" portion outside of the box.

Steps to reproduce

Enable CKEditor5,
Add any number of Styles on the Text Format
Create new node and open the Styles Dropdown of the editor.

Proposed resolution

Change the min-height to apply only the main container for the CKEditor, I assume this was done as without a min height the editor opens with the editable region very small. I've attached a patch with the proposed change. I'm not sure if this issue should have been added to the wxt_bootstrap project issue queue, please let me know if I should submit it there.

User interface changes

CSS Adjustment to target .ck-editor__main class as a parent.

🐛 Bug report
Status

Fixed

Version

5.0

Component

WxT Bootstrap

Created by

🇨🇦Canada TheDuke13

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

Comments & Activities

Production build 0.71.5 2024