FSE Plugin: Block Patterns with custom font size are broken

[iamtakashi]

I've noticed the block patterns with a custom font size don't seem working as expected in Atomic and my local install (Gutenberg 8.3.0 & FSE 1.10).

For example:

This is how the pattern looks in Simple site.

However, this is how it looks in Atomic and local install. Notice the font size in the numbers.

A brief look in the markup suggested to me that the "customFontSize":XX no longer works, and a new instance that I made with a custom font size has {"style":{"typography":{"fontSize":XX}}} instead.

@ianstewart @alaczek

[razvanpapadopol]

The font-size issue can be reproduced only within the editor. So there are probably some overwrites happening. If I preview the post with the block pattern outside the editor it looks fine.

[Addison-Stavlo]

A brief look in the markup suggested to me that the "customFontSize":XX no longer works, and a new instance that I made with a custom font size has {"style":{"typography":{"fontSize":XX}}} instead.

This makes some sense. Some blocks in core have transitioned to the __experimentalFontSize hook. I think mainly paragraph and heading have this so far, but a handful of FSE blocks (site-title, post-author, etc.) will have these in the near future as well.

Where these blocks may have had a customFontSize attribute, the custom sizes are now saved under what you noted: {"style":{"typography":{"fontSize":XX}}}. Named font sizes such as "large" etc. are still saved under the attribute fontSize as a string.

Blocks that have this behavior have the __experimentalFontSize flag enabled in the supports object of their block.json file.