[wp-trac] [WordPress Trac] #52780: Twenty Twenty-One: Code tag shows outside of section area

[WordPress Trac]

#52780: Twenty Twenty-One: Code tag shows outside of section area
-------------------------------------+----------------------
 Reporter:  ravipatel                |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  6.2
Component:  Bundled Theme            |     Version:  5.6
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  ui, css
-------------------------------------+----------------------
Changes (by poena):

 * keywords:  2nd-opinion has-patch needs-refresh => has-patch needs-testing
 * milestone:  Awaiting Review => 6.2


Comment:

 I was not able to solve the merge conflict with the built files in the
 original PR, so I created a new patch.

 In 52780.diff I have added the code suggested by @sabernhardt to both
 Twenty Twenty and Twenty Twenty-One.
 I have not included the built CSS files this times since they are prone to
 cause merge conflicts when there are other updates to the themes.

 == Testing Instructions
 These steps define how to test the feature or enhancement, and indicates
 the expected behavior or results.

 === Steps to Test
 1. Apply the patch
 2.[https://wordpress.org/plugins/classic-editor/ Install the classic
 editor plugin.]
 3. Activate Twenty Twenty.
 4. In your code editor, open the root directory of Twenty Twenty and build
 the CSS files:
 {{{
 npm install
 npm run build
 }}}
 5. Create a new post.
 6. Select text mode.
 7. copy paste the following:
 {{{
 <h1>hello</h1>
 <code><h2>Yes hello?</h2></code>
 }}}
 Save the post and view the front.

 Next please test Twenty Twenty-One using the same steps. The build
 commands for the CSS are also the same.


 === Expected Results
 Lists each expected result or behavior, i.e. what should happen when
 running the test(s):

 - ✅ The custom code should align with the rest of the content.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52780#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform