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
old interface
And here the new interface
new interface

CommentFileSizeAuthor
Capture d’écran 2025-06-26 120620.png10.69 KBmarieascomedia
Capture d’écran 2025-06-26 120637.png10.29 KBmarieascomedia

Issue fork imce-3532569

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

marieascomedia created an issue. See original summary.

chrisla’s picture

chrisla commented
Related issues: +#3533296: CKEditor 45+ compat

maybe related issue... ckeditor_link_styles UI is hidden by CKEditor 45 as well -- https://www.drupal.org/project/ckeditor_link_styles/issues/3533296

awasson’s picture

awasson commented

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

seanpb’s picture

seanpb commented

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.

ssd2698 made their first commit to this issue’s fork.

ssd2698 opened merge request !39

ssd2698’s picture

ssd2698 commented

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.

ssd2698’s picture

ssd2698 commented
Status: Active » Needs review
marieascomedia’s picture

marieascomedia commented

The patch works for me.
Thank you.
Is one review enough to set it to reviewed and tested by the community ?

awasson’s picture

awasson commented
Status: Needs review » Reviewed & tested by the community

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

samia.wyatt’s picture

samia.wyatt commented

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!

dasginganinja’s picture

dasginganinja
Primary language English
Location Bethlehem, PA
commented

+1 this works in our environment as well!

  • ufku committed e230be59 on 3.x 
    Issue #3532569: use a better selector that doesnt affect the old UI
ufku’s picture

ufku commented
Version: 3.1.3 » 3.x-dev
Status: Reviewed & tested by the community » Fixed

Now that this issue is closed, please review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, please credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.