WordPress.org

Make WordPress Core

Opened 6 months ago

Closed 6 months ago

#52866 closed defect (bug) (duplicate)

Extraneous <p> tag with :before pseudo element.

Reported by: tagonline Owned by:
Milestone: Priority: normal
Severity: normal Version: 5.7
Component: Editor Keywords:
Focuses: ui Cc:

Description

After upgrading to WordPress 5.7, I have noticed some random <p> tags with :before pseudo elements rendering in the DOM. This causes formatting to become spacey since in many cases, <p>'s have margins defaulted on them.

Attachments (1)

bug.png (115.6 KB) - added by tagonline 6 months ago.
This screenshot comes from a client's website, https://stcassianchurchuppermontclair.org/. I have currently reverted to 5.6.2 for the time being.

Download all attachments as: .zip

Change History (2)

@tagonline
6 months ago

This screenshot comes from a client's website, https://stcassianchurchuppermontclair.org/. I have currently reverted to 5.6.2 for the time being.

#1 @SergeyBiryukov
6 months ago

  • Component changed from General to Editor
  • Keywords needs-patch removed
  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from new to closed

Hi there, welcome to WordPress Trac!

Thanks for the report, we're already tracking this issue in #52764.

Just to clarify, these extra <p></p> tags are not new in 5.7, but they are visible now in some scenarios where they were previously hidden. This is being tracked in #52764 for WordPress 5.7.1, see comment:8:ticket:52764 and later comments for some more context.

As a workaround, this snippet can be added to Appearance → Customize → Additional CSS:

body p:empty:before {
	content: none;
}
Note: See TracTickets for help on using tickets.