Skip to content

Firefox: RichText: invisible trailing <br> tags #5872

@maddisondesigns

Description

@maddisondesigns

Issue Overview

I have a page with a number of different Heading blocks. Some of the blocks display fine on the front-end (e.g. <h3>Some text</h3>) and other headings have an extra <br> tag included (e.g. <h3>Some text<br></h3>)

These couple of headings are displaying fine
screenshot_614

This heading has the extra <br> tag
screenshot_613

When you look at the block with the extra tag, in the Visual Editor, it appears fine. If I click in the block and try to remove any extra (invisible) characters from the end, I can't.

screenshot_617

If I switch to the Code Editor, I can see the extra <br> tag which I never put in and I can't remove (using the Visual Editor).

screenshot_618

Steps to Reproduce (for bugs)

  1. Insert multiple headings and update page
  2. View markup on front-end and see if any include extraneous tags

Expected Behavior

Headers shouldn't randomly include <br> tags

Current Behavior

Headers randomly include extra markup that you can't get rid of

Gutenberg 2.5.0
Firefox Quantum 59.0.2 (64-bit)
WP 4.9.4

Metadata

Metadata

Assignees

Labels

Browser IssuesIssues or PRs that are related to browser specific problems[Feature] Rich TextRelated to the Rich Text component that allows developers to render a contenteditable[Type] BugAn existing feature does not function as intended

Type

No type
No fields configured for issues without a type.

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions