Navigation Block: Creating a draft page with “&” results in HTML Entities

[annezazu]

Description

When using the Create Draft feature in the navigation block, if you add &, it results in a draft being created showing the HTML entities for ampersand instead of &.

This came up as part of feedback for the third round of testing for the FSE Outreach Program.

Step-by-step reproduction instructions

1. Add the navigation block.
2. Add a new menu item.
3. Select adding a new link and begin typing the title of a page that doesn't exist. When you do so, include &.
4. Select the option to create a page draft.
5. See that the menu item doesn't show ampersand.

Expected behaviour

The & would show in the navigation block.

Actual behaviour

HTML entities were shown in the navigation block.

Screenshots or screen recording (optional)

ampersand.test.mov

WordPress information

• WordPress version: 5.7
• Gutenberg version: 10.2
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? TT1 Blocks

Device information

• Device: Desktop
• Operating system: MacOS
• Browser: Chrome Version 88.0.4324.192

[annezazu]

This continues to happen in 5.9 and the above PR has staled:

ampersand.mov

Nudged on the PR in case it helps and adding to Nav block project board.