Contrib.social

CKEditor 5 balloons wrong position

Open on Drupal.org →
Created on 16 November 2024, 2 months ago

Problem/Motivation

In my project, we are using the paragraph layout builder. We noticed that the Ckeditor5 balloons have the wrong position in the bootstrap modal window if window.scrollY does not equal 0..

Steps to reproduce

1. Create the page that will use modal windows with the CKEditor.
2. Scroll a bit down, to make sure that your scroll position isn't 0.
3. Open the modal window and try to trigger any balloon window to show. Say, try to add a link with the link tool.
4. The balloon window should appear in the wrong position

Proposed resolution

The balloon position is wrong because the code that sets the top property for them counts the scroll position. Hence, it seems to me the problem is related to this issue. https://www.drupal.org/i/3365046 →
In the scope of this issue, we provided code for moving the CKEditor overlay inside the modal. It looks like this change influenced the calculation of the position of the balloons. So, probably we need to find a better way to solve the issue without moving the CKEditor overlay.

🐛 Bug report
Status

Active

Version

3.0

Component

Code

Created by

🇺🇦Ukraine _tarik_ Lutsk

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

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024