Classic Editor - Image edit popup toolbar no longer appears when image has link

[ahortin]

After inserting an image into the Classic Editor, you can click on it and a small popup toolbar will appear with several alignment buttons and an Edit button.

Image without link, showing popup toolbar after being clicked:

After you add a link to the image, or if you add a link while inserting the image, this popup toolbar no longer displays when clicking on the image. The popup will flash and then disappear.

Vid: ​https://share.getcloudapp.com/8Lu5YGzD

macOS Big Sur 11.5.2
Firefox 92.0
WP 5.8.1
TwentyTwenty
Classic Editor (No other plugins)

[sabernhardt]

Thanks for the report!

I see the same in the Classic Editor with Twenty Twenty, but not with Twenty Seventeen, Twenty Nineteen or Twenty Twenty-One. Setting the (linked) images to display:inline-block seems to help in Twenty Twenty.

With the block editor's Classic block, captioned images seem to have the same problem in any theme. Images without a caption seem to be fine.

block-library/editor.css:

.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
    display: block;
}

This apparently relates to the data-mce-selected="inline-boundary" attribute. Removing a[href] from that selector list makes the image toolbar display again with both the Classic blocks and Classic Editor with Twenty Twenty. However, I am not sure we should remove the MCE attribute from all links in the editor.

\src\js\_enqueues\vendor\tinymce\tinymce.js:

return editor.getParam('inline_boundaries_selector', 'a[href],code,.mce-annotation', 'string');