Show blocks works partially with decoupled editor

[Dumluregn]

📝 Provide detailed reproduction steps (if any)

1. Add showBlocks feature to any decoupled editor (you can use a link to builder)
2. Open demo.
3. Use "Show blocks" button.

✔️ Expected result

Block labels are visible:

❌ Actual result

Block labels are missing:

❓ Possible solution

Labels styling expects the following structure:

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2

Important part is, the editable element has to be a child of element with dir attribute. However, it decoupled editor it's one and the same element:

so it isn't matched by the selector and the label is not visible. Note that the dotted outline is visible as it doesn't check the dir attribute.

📃 Other details

• Browser: …
• OS: …
• First affected CKEditor version: …
• Installed CKEditor plugins: …

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.