Editor: Post title cut off

[scruffian]

Steps to reproduce

1. Starting at the editor
2. Edit a post that has a long title (more than one line)

What I expected

To be able to see the whole post title

What happened instead

The post title was cut off

Browser / OS version

Chrome / OSX

Screenshot / Video

Context / Source

Originally reported in https://github.com/Automattic/themes/issues/2698

This seems to only happen on wpcom.

[JoshuaGoode]

Reproduced across Simple and Atomic. To reproduce on Atomic, or self-hosted, thefull-site-editing plugin must be active.

It appears that this doesn't happen on all themes. Some themes, like Twenty Twenty-One, seem to be able to load in their font styling immediately upon loading the editor. Others, like Spearhead do not.

When it does occur, it's when the editor first loads without theme-specific. When then see some FOUT and the theme's styles are load in after.

If the theme's styling causes the title area's height to exceed what was initially set, the clipping occurs.

Video demonstration:

https://user-images.githubusercontent.com/4887830/107981270-bacdfb80-6f8f-11eb-9db9-d4589d41f1f8.mov

This aligns with @scruffian's initial notes reported on https://github.com/Automattic/themes/issues/2698

It looks like the height of this textarea is calculated dynamically and added inline: Feels like some kind of race condition where the font styles are loaded after the height is calculated.

[github-actions[bot]]

This issue is stale because it has been 180 days with no activity. You can keep the issue open by adding a comment. If you do, please provide additional context and explain why you’d like it to remain open. You can also close the issue yourself — if you do, please add a brief explanation and apply one of relevant issue close labels.

[jeyip]

Removing the full site editing tag. The full site editing plugin has been renamed to the editing toolkit plugin.