Steps to reproduce

1. Install patternkit and patternkit_example modules.
2. Go to /admin/config/user-interface/patternkit/json and choose a WYSIWYG editor, for example CKEditor:
a
3. Go to /admin/structure/block and add a patternkit block, for example "[Patternkit] Example", you will get this:
a
With an error in the JS Console:
Uncaught TypeError: b.ui.space(...) is null

I tested it on a vanilla Drupal 9.4.3, on Firefox and Chrome.

CommentFileSizeAuthor
Selection_002.png147.43 KBrpayanm
Selection_001.png24.34 KBrpayanm

Issue fork patternkit-3300014

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

rpayanm created an issue. See original summary.

mariohernandez’s picture

mariohernandez commented

After testing on a vanilla Drupal 9.4.3 and Patternkit Beta4, I confirmed this issue is caused by having ShadowDOM enabled in Patternkit's configuration page.

How to resolve this issue:

  • Go to admin/config/user-interface/patternkit/json
  • Uncheck "Use the Shadow DOM" checkbox
  • Save your changes

Try again and your WYSIWYG field should display as expected.
The fix for this issue will be available on future releases.

rpayanm’s picture

rpayanm
he/him
Primary language Spanish
commented

Thank you @mariohernandez that worked!

mariohernandez opened merge request !34

mariohernandez’s picture

mariohernandez commented
Version: 9.1.0-beta4 » 9.1.x-dev
Status: Active » Needs review
slucero’s picture

slucero
he/him
Primary language English
commented
Status: Needs review » Reviewed & tested by the community
Parent issue: » #3296167: Beta 5 Release Plan

Looks good and should be ready for merging in.

  • slucero committed 7525cdc on 9.1.x 
    Issue #3300014 by mariohernandez, rpayanm: WYSIWYG does not work
slucero’s picture

slucero
he/him
Primary language English
commented
Status: Reviewed & tested by the community » Fixed

Merged! Thanks for the work everybody!

Status: Fixed » Closed (fixed)

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