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.

CommentFileSizeAuthor
ckeditor5-min-height-specificity.patch279 bytestheduke13

Comments

TheDuke13 created an issue. See original summary.

smulvih2’s picture

@theduke13 this is the correct issue queue to use, and you tagged it with wxt_bootstrap so that's perfect! Good catch, thanks for fixing this!

sylus’s picture

Status: Active » Fixed

Thank you so much for this fix!

Committed and attributed :)

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.