Wp-calypso: Gutenberg: Block Library CSS is missing for logged out users?

[iamtakashi]

Steps to reproduce

1. Starting at URL: https://iamtakashifreeplan.wordpress.com/2019/07/27/heading-alignment-test/
2. If you're logged in all headings appear as it says.
3. Open the same URL with an incognito window
4. See if the headings alignment.

What I expected

All headings appear in the way respects its alignment setting regardless if you're logged in or not.

What happened instead

If you're logged out, all headings stay left aligned.

Browser / OS version

Chrome Version 75.0.3770.142, Mac

Screenshot / Video

I've tested with Twenty Nineteen, but it's happening with multiple themes. It seems to me the utility class in the block library isn't loaded for logged out users for some reason.

If I test this in my local install and I can see the CSS class is loaded regardless if I'm logged in or not. I'm using the plugin v6.1.1

[kavyagokul]

Reported in 14286000-hc

[formosattic]

Reported in 14302341-hc

If site has Premium plan, a temporary fix is to add this CSS:

.has-text-align-center {
text-align: center;
}

[kwight]

See paYKcK-9S-p2 for more background.

[Aurorum]

I just published a post and ran into this issue (Harmonic theme)

[mmtr]

Confirmed this issue is caused by WP.com not loading the Gutenberg plugin if the user has not opted in to the block editor (this includes logged out users).

D31327-code should fix this.

[KokkieH]

Another case in https://en.forums.wordpress.com/topic/h2-doesnt-remain-centred-with-gutenberg/ - noting here for follow-up once the fix is merged.

[mmtr]

This issue has been fixed after landing D31327-code. Feel free to reopen it if you still note the missing styles.