Texts not visible in CKEditor and layout_builder_modal taking so long to load

Created on 9 March 2023, almost 2 years ago
Updated 6 December 2023, about 1 year ago

Using Drupal 10.0.3, 'layout_builder_modal' 8.x-1.2 and Boostrap Barrio theme, I am having issues with text color inside CKEditor being white. White text color in the editor becomes invisible on the white background.

Also it takes an awfully long time for the modal to load. A very long unbearable wait.

I attached screenshots.

πŸ› Bug report
Status

Needs review

Version

1.1

Component

Code

Created by

πŸ‡³πŸ‡¬Nigeria chike Nigeria

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

Comments & Activities

  • Issue created by @chike
  • πŸ‡³πŸ‡¬Nigeria chike Nigeria

    I re-enabled 'layout_builder_blocks' and 'layout_builder_modal' modules on the site and I noticed the blocks are not taking that awfully long to load as on the other day. The only thing that changed in my build is that I updated Barrio theme from 5.5.9 to 5.5.10.

    With the blocks now loading better for me, I added this CSS style to get the text inside CKEditor textarea to show up as expected.

    #layout-builder-modal .ck-content {
      color: #333333!important;
    }
  • Status changed to Needs review over 1 year ago
  • πŸ‡¨πŸ‡¦Canada AaronChristian Kelowna, BC

    @chike, please see this patch that will fix CKEditor 5 issues;

    https://www.drupal.org/project/bootstrap_styles/issues/3353004 πŸ› 🎨 Clean up UI for 1x branch RTBC

  • πŸ‡ΊπŸ‡ΈUnited States potassiumchloride

    I have the same problem while using a Bootstrap Barrio 5.5.12 subtheme, CKEditor 5, Layout Builder, Bootstrap Layout Builder, and Bootstrap Styles. When we switched to CKEditor 5, the WYSIWYG editor suddenly shows white text on white background. It is not a problem for blocks being edited outside of Layout Builder; it only shows white text on the blocks while using Layout Builder.

  • πŸ‡ΊπŸ‡ΈUnited States verres

    same here

  • πŸ‡ΊπŸ‡ΈUnited States potassiumchloride

    @verres - My problem was that both Layout Builder Modal and Layout Buider iFrame Modal were installed at the same time. Removing one got rid of the white text on white background in the WYSIWYG.

  • πŸ‡ΊπŸ‡ΈUnited States verres

    @potassiumchloride thanks, but I don't have Layout Builder iFrame installed (although it could be some other conflict)... I'm going to likely add in css to fix it but would be better if it didn't happen. -c

  • πŸ‡ΊπŸ‡ΈUnited States robbt

    I did some sleuthing and for me the issue that is happening occurs due to the dark.css inside of the bootstrap_styles module at /modules/contrib/bootstrap_styles/css/themes/dark.css and line 375

    #layout-builder-modal form {
      color: #ffffff;
      font-family: inherit;
      }
    

    Changing the theme for the bootstrap styles module to light vs. dark was the fix for me. I suppose this could also be overridden somewhere in the CSS.

    Not sure if the bug/fix here doesn't involve fixing the CSS in the bootstrap styles module so that it doesn't target the CKEditor 5 form.

Production build 0.71.5 2024