Gutenberg: Wide-aligned blocks: Non latin text characters are rendered as gibberish inside the block if set to Wide or Full Width

[ockham]

Describe the bug

First reported by @zdenys at https://github.com/Automattic/wp-calypso/issues/44759. The following is a copy of that issue, since it applies to Gutenberg.

To reproduce
Steps to reproduce the behavior:

1. Add a Cover block with paragraph of text with some or all non-Latin characters (I tried Norwegian, Japanese and Chinese)
2. Set Cover Block to Wide or Full Width
3. View Preview or Published site

Expected behavior
See all characters rendered normally on the front end just like on the backend.

Screenshots

_Link: https://d.pr/i/5gdq1V_

_Link: https://d.pr/i/gFwXfS_

Editor version (please complete the following information):

• WordPress version: 5.5
• Does the website has Gutenberg plugin installed, or is it using the block editor that comes by default? gutenberg plugin
• If the Gutenberg plugin is installed, which version is it? 8.7

Additional context
Encoding issue. PR coming right up.

cc/ @sirreal @akirk @simison @yansern

[mcsf]

Thanks for the report! To be clear, this only affects server-side-rendered blocks, is that correct?

[ockham]

Thanks for the report! To be clear, this only affects server-side-rendered blocks, is that correct?

I think so, but haven't run any broader testing for other blocks yet.

[sirreal]

Apparently I closed this unintentionally. Reopening. This should be fixed by https://github.com/WordPress/gutenberg/pull/24447

[pedro-rivera]

Facing the same problem on a local environment, WP 5.5, Gutenberg 8.7.1:

Where it's read direção should be direção (pt-BR)

Other blocks with same and other special characters display correctly.

[mcsf]

Facing the same problem on a local environment, WP 5.5, Gutenberg 8.7.1:

The issue is fixed in master and should land in Gutenberg 8.8 later this week.