Notes: Backtick markdown code formatting strips/deletes pasted text content upon saving #80448

Description

Description

When testing the new Notes rich text capabilities in WordPress 7.1, attempting to format inline code using standard markdown backticks (e.g., like this) fails completely. Instead of rendering the text with a monospaced font, the text wrapped inside the backticks disappears entirely from the saved note card, leaving behind only the literal backticks and an ellipsis (...).

This has been verified in an isolated environment with all active plugins deactivated except for the core Gutenberg plugin.

Step-by-step reproduction instructions

1. Open a post in the block editor.
2. Highlight a section of text, open the toolbar option, and select "Add note".
3. In the text field, type a word or sentence wrapped inside backticks, such as: like this
4. Click Save.
5. Observe the saved note card in the sidebar panel.

Expected behavior

The text wrapped inside the backticks should be converted into an inline <code> block, removing the raw backtick characters while preserving and formatting the inner text content.

Actual behavior

The inner text content vanishes entirely. The note card only displays the initial backticks alongside an automatically injected trailing ellipsis (e.g., showing only ` and ...).

Environment info

• WordPress Version: 7.1-beta1 (via WordPress Playground)
• Active Plugins: Gutenberg (All other plugins deactivated)
• Browser: Chrome (Latest)
• OS: macOS / Windows

Context / Related

Part of the WordPress 7.1 Notes testing cycle. Related to tracking issue #76316.

Step-by-step reproduction instructions

Step-by-step reproduction instructions

1. Navigate to Posts in the WordPress admin menu and click Add New Post.
2. Type some dummy text into the post editor content canvas.
3. Highlight a portion of the text you just wrote.
4. Click the three vertical dots (⋮) in the block toolbar options and select Add note.
5. Copy a block of code or text to your clipboard.
6. Inside the note text input box, type opening and closing backticks and paste your copied text between them (e.g., like this).
7. Click the Save button.
8. Observe the rendered note card inside the right-hand sidebar panel.

Screenshots, screen recording, code snippet

Environment info

Environment info

• WordPress Version: 7.1-beta1 (via WordPress Playground)
• Gutenberg Plugin Version: 23.5.3
• Active Plugins: Gutenberg (All other plugins deactivated)
• Browser: Chrome (Latest)
• OS: macOS / Windows

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure