Ckeditor Linkit dialogue hidden

Created on 27 June 2024, 5 months ago
Updated 27 July 2024, 4 months ago

Problem/Motivation

Discovered on Drupal 10.3.0.

When using the overlay to edit a paragraph that has a WYSIWYG field using CKeditor5 and the Linkit module installed, with the linkit plugin enabled. Attempt to use the linkit button should pop up a dialogue, and it does. However, the dialogue is hidden behind the Layout Paragraphs overlay. As a result, the linkit button seems to do nothing.

Steps to reproduce

Install Drupal 10.3, Layout Paragraphs 2.0.5, linkit module. Enable all, and enable wysiwyg. Create a paragraph with a rich text field using the ckeditor. Configure ckeditor to use the "linkit" plugin. Add a paragraph reference field to a node pointing to this paragraph type. Configure he form on the node to us layout paragraphs widget with the overlay. Attempt to create content using the overlay paragraph editor and use the Linkit button.

Proposed resolution

This may be a core bug. The z-index of the overlay comes in as "jui-dialog-z-index", a CSS variable, in core. It's 1260 on my site.. The z-index of the linkit overlay is set to a different variable: "ck-z-panel" -- which is 1000 on my site. The relationship between these and CSS map is beyond my understanding to suggest a fix in core, though.

I was able to get a simple fix done by working around the issue, adding just a splash of CSS.

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Fixed

Version

2.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States gcb

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024