Twenty Fourteen: Align center in editor doesn't work with HTML5 captions implemented

[RDall]

I found this in a theme I was creating thinking it was my own code, but a fresh rebase of trunk on a different build and I found exactly the same issue in twenty fourteen.

How to create the bug.

1. Edit post.

2. Add Image with caption.

3. Add a paragraph of text below to show image float properly.

• Click align left the image floats left, text wraps around right.
• Click align right and the image floats right, text wraps around left.

• Click align centre and the image doesn't move. But if you preview save and preview the front end it will centre the image. 

You can also view this screencast. ​http://cl.ly/3N3d3n40121l

[SergeyBiryukov]

I can still reproduce the issue in Chrome in both 3.9 and current trunk. Could not reproduce in Firefox.

I also see a weird delay when changing the alignment in both Chrome and Firefox.

On the screenshot above, "Align right" button is clicked, but "Align center" button is still highlighted, and the selection still stays on the left.

In a few seconds (5 to 10), the selection moves to the right, and the corresponding button gets highlighted.

[RDall]

Thanks for confirming this serge I though it was actually just some weird one off.

[RDall]

Fixes align center in admin for html5 captions

[SergeyBiryukov]

28048.patch​ works for me.

There's still some delay mentioned in comment:3, but that would be a separate ticket.

[SergeyBiryukov]

Related: #28681

[SergeyBiryukov]

In 28941:

Twenty Fourteen: Fix display of center-aligned images with captions in TinyMCE.

props RDall.
fixes #28048.

[SergeyBiryukov]

Replying to SergeyBiryukov:

There's still some delay mentioned in comment:3, but that would be a separate ticket.

Follow-up: #28705