WordPress.org

Make WordPress Core

Opened 16 months ago

Closed 5 days ago

#49826 closed defect (bug) (worksforme)

The top toolbar overlaps the title on posts

Reported by: Ipstenu Owned by:
Milestone: Priority: normal
Severity: normal Version: 5.4
Component: Editor Keywords: has-screenshots dev-feedback
Focuses: css Cc:

Description

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?

Attachments (2)

Screen Shot 2020-04-05 at 5 Apr - 7.32.23 PM.jpg (75.8 KB) - added by Ipstenu 16 months ago.
Sample of a post with Toolbar eating it
Screen Shot 2020-04-05 at 5 Apr - 7.14.03 PM.jpg (62.1 KB) - added by Ipstenu 16 months ago.
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.

Download all attachments as: .zip

Change History (6)

@Ipstenu
16 months ago

Sample of a post with Toolbar eating it

@Ipstenu
16 months ago

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.

#1 @mukesh27
16 months ago

  • Focuses css added

Below CSS fixed the issue for me.

@media screen and (min-width: 782px) {
   .edit-post-visual-editor .editor-post-title__block { margin-top: 32px; }
}
Last edited 16 months ago by mukesh27 (previous) (diff)

#2 @Ipstenu
16 months ago

@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 :)

#3 @mukesh27
16 months ago

  • Keywords dev-feedback added

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

#4 @sabernhardt
5 days ago

  • Milestone Awaiting Review deleted
  • Resolution set to worksforme
  • Status changed from new to closed

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

Note: See TracTickets for help on using tickets.