Transformed or split Heading blocks have incorrect line height for block themes

[dcalhoun]

Description

Related to #37168. While a block theme is utilized, transforming a block to a Heading block or splitting an existing Heading block results in the Heading block displaying an incorrect line height. This results in longer, wrapping text overlapping itself.

The solution in #37285 addressed the issue for typing into a Heading block, but transforming/splitting appears to remain an issue.

This issue occurs only on Android, it does not occur on iOS.

Step-by-step reproduction instructions

1. Add a Paragraph block.
2. Type enough text so that the text will wrap.
3. Transform the Paragraph block to a Heading block.

Expected behaviour

The correct line height is applied to the Heading block and the text is not overlapping.

Actual behaviour

The incorrect line height is applied to the Heading block and the text is overlapping.

Screenshots or screen recording (optional)

Screen_Recording_20220201-112816.mp4

WordPress information

• WordPress version: WordPress.com
• Gutenberg version: 12.4.1
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? No, Geologist.

Device information

• Device: Samsung Galaxy S20
• Operating system: Android 11
• WordPress app version: 18.9

[geriux]

This should be fixed in #38205 to be confirmed in the 1.71.0 release.

[geriux]

I've just confirmed in the 1.71.0 build that this issue is fixed 🎉

Screenrecorder-2022-02-04-10-47-26-597.mp4

Closing the issue 😃