Backticks in Code block produce nested <code> tags · WordPress/gutenberg#28926

Backticks in Code block produce nested tags

2021-02-10T18:50:04.000Z

## Description If you try to add open and closing backticks inside of a "Code" block, then it produces a nested ` ` block inside of it. The same is true of the Preformatted block ## Step-by-step reproduction instructions 1. Create a new code block (or preformatted block) 2. Add text inside of two backticks 3. The text will be transformed into a ` ` element, nested inside of the block ## Expected behaviour Backticks should retain their original formatting and not transform. ## Actual behaviour Backticks are converted into a ` ` element ## Screenshots or screen recording (optional) ## Code snippet (optional)  ## WordPress information - WordPress version: 5.6 - Gutenberg version: Not Installed - Are all plugins except Gutenberg deactivated? Yes - Are you using a default theme (e.g. Twenty Twenty-One)? Yes ## Device information - Device: Desktop - Operating system: MacOS 11.2 - Browser: Firefox 86

(1 commento) (0 reazioni) (0 assegnatari)JavaScript (3893 fork)batch import

Good First Issue[Block] Code[Status] In Progress[Type] Regression

Metriche repository

Star: (9607 star)
Metriche merge PR: (Merge medio 12g 18h) (509 PR mergiate in 30 g)

Descrizione

Description

If you try to add open and closing backticks inside of a "Code" block, then it produces a nested <code> block inside of it. The same is true of the Preformatted block

Step-by-step reproduction instructions

Create a new code block (or preformatted block)
Add text inside of two backticks
The text will be transformed into a <code> element, nested inside of the block

Expected behaviour

Backticks should retain their original formatting and not transform.

Actual behaviour

Backticks are converted into a <code> element

Screenshots or screen recording (optional)

Code snippet (optional)

WordPress information

WordPress version: 5.6
Gutenberg version: Not Installed
Are all plugins except Gutenberg deactivated? Yes
Are you using a default theme (e.g. Twenty Twenty-One)? Yes

Device information

Device: Desktop
Operating system: MacOS 11.2
Browser: Firefox 86

Guida contributor

Direzione di ricerca: Indaga il codice che converte i backtick in tag <code> inline nell'editor e assicurati che all'interno dei blocchi di codice e dei blocchi preformattati questa conversione venga saltata in modo che i backtick rimangano letterali.
Tech stack: javascript
Dominio: frontend
Tipo issue: Bug
Difficoltà: 2
Tempo stimato: 1-3 ore
Stato attività: Nuova
Chiarezza: Chiara
Prerequisiti: Git
Adatta ai principianti: 70