The top toolbar overlaps the title on posts

[Ipstenu]

I'm including an image so you can see, but basically if you turn on the "Top Toolbar", it (properly) adds the block tooling to the top, but it also smothers the permalink once a post is made. It looks like the CSS doesn't properly move everything down.

This is super easy to miss when testing because how often do you edit the title. Right?

[Ipstenu]

Sample of a post with Toolbar eating it

[Ipstenu]

Similar sample from a live site where it doesn't move down the title enough at all to even see there is a permalink there.

[mukesh27]

Below CSS fixed the issue for me.

@media screen and (min-width: 782px) {
   .edit-post-visual-editor .editor-post-title__block { margin-top: 32px; }
}

[Ipstenu]

@mukesh27 You don't need to @-someone unless you need their direct response :) As the ticket author I get emailed anyway ;)

The CSS fix is probably right but (a) I suck at CSS and (b) this is something either broken in core (because it happens on all themes) or in the theme (which in the case of the first screenshot is twenty-twenty). Either way, we should get eyeballs on it and test to see which one we broke. I think it's busted in core, but I'm bad at CSS :)

[mukesh27]

The above CSS change does not theme related it's Editor CSS change.

[sabernhardt]

In WordPress 5.8, the block editor title block does not show the permalink anymore, so the toolbar does not overlap that.