Image aligned center disappears in the editor

[stinkykong]

An old bug returns. In the editor window, when you align an image to center, it disappears in the editor but still is visible when looking at the published page/post. See attached screenshot of the editor.

[sabernhardt]

This might involve the (child) theme stylesheet. I tried centering a JPEG inside a Genesis Blocks "Container" block using Twenty Twenty-Two (and again with the Genesis Sample theme), and the image still displayed in the editor.

Block editor-related reports belong on ​the Gutenberg GitHub repository, so could you open an issue there if it is not the theme but something else I missed?

[stinkykong]

I acted too fast, my apologies. I see the problem doesn't exist on another site with the same child theme. I'll have to get approval from this site's owner to work further on this. I don't think the theme is the issue but perhaps a plugin conflict but that's just a guess.

[sabernhardt]

Then it probably is not the theme. When you test again, could you try adding the same image in both sites' posts (if you have not done so already)?

[sabernhardt]

The image on your site is in SVG format without specific width and height attributes, and using the alignment options (left, center or right) could make that very small in the editor (now a minimum of 20 by 20 pixels instead of 0 by 0).

​GB57717 focuses on the Site Logo block, but I think it is the same basic issue with the resizable container and SVG.

I'll close the ticket as 'reported-upstream' now. If I'm wrong about that being the same or similar enough, this might need its own issue on the Gutenberg repository.

[sabernhardt]

My previous comment needed the word "specific". Your image had width="100%" height="100%". If you change that to either width="5000" height="5000" or width="5000px" height="5000px", the image should expand to the post's content width.