character grid doesn't wrap

Created on 8 December 2023, 7 months ago
Updated 14 December 2023, 7 months ago

Problem/Motivation

The character grid in the dropdown does not wrap to multiple lines, because its white-space is set to nowrap.

Proposed resolution

The following code placed in my theme CSS solves the problem. I was not able to get the same result by placing it in the module CSS.

.ck .ck-character-grid .ck-character-grid__tiles {
  white-space: break-spaces;
}
πŸ› Bug report
Status

Fixed

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States BenStallings

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

Comments & Activities

  • Issue created by @BenStallings
  • πŸ‡ΏπŸ‡¦South Africa ashrafomar Cape Town

    Thanks for flagging this. The issue is that I tried to reuse the CSS from the creditors' special character plugin as much as possible. However, it seems that when the special character plugin is not activated, it breaks the grid layout. The grid relies on the special character plugin's CSS, which doesn't get added if the plugin is not activated, as the special character plugin is not required by this module.
    To resolve the issue I have moved the necessary CSS into the emoji plugin itself. This ensures that the emoji plugin no longer depends on the special character plugin being activated.

    Please update the module to this release and test.
    https://www.drupal.org/project/ckeditor_emoji/releases/1.0.0-beta3 β†’

  • Status changed to Fixed 7 months ago
  • πŸ‡ΏπŸ‡¦South Africa ashrafomar Cape Town
  • Status changed to Fixed 7 months ago
  • πŸ‡ΏπŸ‡¦South Africa ashrafomar Cape Town
Production build 0.69.0 2024