CKEditor Style previews display out of place

Created on 15 June 2023, almost 2 years ago

Problem/Motivation

The layout of the previews in the CKEditor Style dropdown is broken and Style previews display out of place

Steps to reproduce

  1. Define a style in the .css file
  2. Open a text format creation page
  3. Select CKEditor as the default text editor
  4. Add the Style dropdown to the toolbar, provide the style's class in the plugin settings and save the configuration
  5. Open an article's edit page, and open the Style dropdown to apply the style to text
🐛 Bug report
Status

Active

Version

10.1

Component

ckeditor.module

Created by

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

Comments & Activities

  • Issue created by @karolinaschild
  • Status changed to Needs review almost 2 years ago
  • 🇮🇳India lokeshsahu Delhi

    I have tried reproducing the given issue by following all the steps mentioned above by @karolinaschild. I added the style class in the plugin settings of the CKEditor style dropdown toolbar but couldn't reproduce the issue mentioned. I am attaching a screenshot of styles added in the CKEditor style dropdown for reference.
    @karolinaschild Please provide some more information to reproduce the given issue if i am missing something.

  • Status changed to Postponed: needs info almost 2 years ago
  • 🇺🇸United States smustgrave

    Believe this may be a non issue. If you're loading your css into ckeditor, that contains the styling for that class, then it's applying to the button..

  • Status changed to Closed: works as designed 7 months ago
  • 🇳🇿New Zealand quietone

    More information was asked for to help with this issue over a year ago. Since that has not been provided and @lokeshsahu could not reproduce the problem, I am closing this issue.

    If you are experiencing this problem on a supported version of Drupal reopen the issue, by setting the status to 'Active', and provide complete steps to reproduce the issue (starting from "Install Drupal core").

    Thanks!

Production build 0.71.5 2024