Page scrolls away on modifying fields in text formats and editor form.

Created on 8 March 2025, about 1 month ago

Problem/Motivation

While editing a text format and anabling any plugin in CKEditor, the AI Tools menu appears. However, when making any changes to settings the page unexpectedly scrolls away. This forces users to manually scroll back to the required section, disrupting the user experience.

Steps to reproduce

Navigate to Configuration > Content Authoring > Text formats and editors (/admin/config/content/formats).
Edit a text format (e.g., Full HTML).
Enable or disable any checkbox in the form/plugin settings
Observe that the page scrolls away unexpectedly, requiring manual scrolling back to the required section.

Proposed resolution

Prevent automatic scrolling when modifying AI Tools settings.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Active

Version

11.1 🔥

Component

ajax system

Created by

🇮🇳India anjaliprasannan

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

Merge Requests

Comments & Activities

  • Issue created by @anjaliprasannan
  • Merge request !114253511776 Fix for scroll issue. → (Open) created by Unnamed author
  • Pipeline finished with Failed
    about 1 month ago
    Total: 111s
    #443898
  • 🇬🇧United Kingdom catch

    Where is the 'AI tools' menu coming from?

  • Pipeline finished with Failed
    about 1 month ago
    Total: 997s
    #444071
  • 🇮🇳India anjaliprasannan

    @catch I have changed the description now. This issue is occurs when you modify any items or enabling/disabling the checkboxes in the text format form.

  • 🇮🇳India rinku jacob 13 Kerala

    @anjaliprasannan , I wasn't able to reproduce the issue on Drupal 11.x, . I couldn't identify any changes before or after the merge request. When we tried enabling the checkbox to display the elements related to that particular field, they showed up as expected. Otherwise, the elements remained hidden, and I didn't observe any scrolling issues.I will include a screen recording as proof. Could you please provide a screen recording to help better understand how to reproduce the issue or demonstrate the problem?

  • 🇬🇧United Kingdom catch

    Back to needs more info. Please provide steps to reproduce from a clean install of Drupal core.

  • 🇮🇳India anjaliprasannan

    @rinku_jacob @catch Please find my screenrecording of the issue.

  • I watched the screen recording and based on what I saw, I am unsure what this bug is reporting. Is the issue that as you enable or disable filters, there may be errors flashing at the top of the page, which push page content down? For example CKEditor 5 needs at least the <p> and <br> tags to be allowed to be able to function may show if you disable then enable certain filters, and if it does show, content on the page moves downward in response.

  • 🇮🇳India anjaliprasannan

    @cliefen
    Datailing the issue again. I noticed the issue first while working with AI tools plugin in the ckeditor text and formators and found this happen when enabled/disable the ai plugins. Later I noticed that this happened when the filters are enabled/.disabled. Attaching the screen-cast here.

    What I noticed in AI tools plugin.

    Now when I applied the fix I found this jumping of the screen is not happening.

    This issue is related to the fieldset. Hope now you understand the issue.

Production build 0.71.5 2024