Twenty Seventeen: Image block figcaption text alignment inconsistency

[nkeller15]

Steps to reproduce:

1. Activate Twenty Seventeen theme
2. Add an image using the image block
3. Notice center alignment of caption in the editor
4. Save page and view, noticing left alignment of caption now

[nkeller15]

Since the gallery block has the captions as centered, I've removed the left alignment causing this for consistency.

[nkeller15]

editor screenshot

[nkeller15]

front end screenshot

[sabernhardt]

The Image block's captions have been aligned left on the front end since the block editor was made public (r43800). The discrepancy began in WordPress 5.8 when the block class list started with block-editor-block-list__block before wp-block-image, which made the editor styles' selector meaningless (at least for this block).

One way to fix it in the editor is adding a selector that does not require a certain order:

[class^="wp-block-"]:not(.wp-block-gallery) figcaption,
[class*=" wp-block-"]:not(.wp-block-gallery) figcaption

Related: #56747

[thakordarshil]

Patch added

[anilvaza]

Before Patch - Backend

[anilvaza]

After Patch - Backend

[anilvaza]

After Patch - Backend

[anilvaza]

I have Tested https://core.trac.wordpress.org/attachment/ticket/58539/58539.diff Patch & It's Working Fine for me.