imce link hidden by new insert ckeditor link

Created on 26 June 2025, 3 months ago

Hello, with drupal 10.5 and new CKeditor version, link popup has a new form and imce link is hidden behind new insert button
Here is the old interface with the imce link

And here the new interface

πŸ“Œ Task
Status

Active

Version

3.1

Component

User interface

Created by

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

Merge Requests

Comments & Activities

  • Issue created by @marieAscomedia
  • πŸ‡¨πŸ‡¦Canada endless_wander

    maybe related issue... ckeditor_link_styles UI is hidden by CKEditor 45 as well -- https://www.drupal.org/project/ckeditor_link_styles/issues/3533296 πŸ› Link styles no longer be available on link creation after D11.2/10.5 updates Active

  • πŸ‡¨πŸ‡¦Canada awasson

    Also ran into this issue today.

    Two days ago, we updated from the LinkIt version 6.1.6 to LinkIt version 7.0.5 and I was not certain if that was the reason for the Insert button hiding the IMCE file manager icon.

    As a workaround until this is resolved officially, I have added the following rule to my theme CKEditor stylesheet:

    .ck.ck-labeled-field-view.ck-labeled-field-view_full-width {
      padding-right: 1rem;
    }

    Cheers,
    Andrew

  • πŸ‡©πŸ‡ͺGermany seanpb

    We also ran into this issue, though we did this instead of the padding fix mentioned in #3:

    .ck.ck-form .ck-imce-link-wrp .form-linkit-autocomplete { 
      min-width: auto; 
      flex-grow: 1; 
    }
    

    It makes everything line up a bit better and doesn't affect anything if the IMCE search icon isn't present.

  • First commit to issue fork.
  • Pipeline finished with Success
    about 1 month ago
    Total: 173s
    #569532
  • πŸ‡ΊπŸ‡ΈUnited States ssd2698

    I’ve created an MR applying the changes suggested in comment #4 by @seanpb to `imce.input.css`, ensuring the fix works in all scenarios.
    The original code in comment #4 targeted `.form-linkit-autocomplete`, which is only present when the Linkit module is enabled. However, the IMCE link button was also hidden when Linkit was not installed.

    I’ve updated the selector to target only the IMCE link button in new CKEditor. This fixes the issue regardless of whether Linkit is enabled.

  • Pipeline finished with Success
    about 1 month ago
    Total: 301s
    #569538
  • πŸ‡ΊπŸ‡ΈUnited States ssd2698
  • Pipeline finished with Success
    about 1 month ago
    Total: 178s
    #570072
  • The patch works for me.
    Thank you.
    Is one review enough to set it to reviewed and tested by the community ?

  • πŸ‡¨πŸ‡¦Canada awasson

    It looks good to me as well. I've just applied it locally and it works as expected. I've run several tests on it and see no downside so I'm marking it as reviewed & tested.

    Cheers,
    Andrew

  • πŸ‡ΊπŸ‡ΈUnited States samia.wyatt

    Patch works for me as well!
    I have applied to multiple Drupal 10.5.x sites and the imce link issue is resolved after applying patch.
    Thank you!

  • Status changed to RTBC 10 days ago
  • πŸ‡ΊπŸ‡ΈUnited States dasginganinja Bethlehem, PA

    +1 this works in our environment as well!

Production build 0.71.5 2024