Editor: Adding a link and caption to an image breaks all the things

[shaunandrews]

Steps to reproduce

1. Start a new post/page/whatev — just load the editor somehow.
2. Add an image to your fabulous new post.
3. Now, that image deserves a link. Give it one.
4. You know what else that image needs? A caption! Give it a caption...
5. Boom, nice work. You broke it.

Safari Version 10.1.1 (12603.2.4) Latest MacOS

[designsimply]

Tested and confirmed that linking an image then adding a caption effectively removes the link. I found in my testing that the order matters—linking then captioning breaks the link.

Video: 2m22s

^{Seen at https://wordpress.com/post/design5279.wordpress.com/11297 using Firefox 54.0.1 on Mac OS X 10.12.5.}

Linking then captioning an image results in the link being moved outside the image and rendering it ineffective:

1. Insert an image into a post or page.
2. Click the image.
3. Click the link icon in the editor toolbar.
4. Select a past post.
5. Click the image.
6. Click the caption icon in the image toolbar.
7. View the HTML and check to make sure the image is linked properly.

Result: the images not linked—the HTML for the link was pushed outside of the captioned image.

Captioning then linking an image works:

1. Insert an image into a post or page.
2. Click the image.
3. Click the caption icon in the image toolbar.
4. Click the image.
5. Click the link icon in the editor toolbar.
6. Select a past post.
7. View the HTML and check to make sure the image is linked properly.

Result: the image was linked as expected.

[rachelmcr]

This one has been around a while. Closing as a dupe of https://github.com/Automattic/wp-calypso/issues/7781.