[wp-trac] [WordPress Trac] #61438: Twenty Twenty-Two : Latest comments block left alignment makes the comment next to it

[WordPress Trac]

#61438: Twenty Twenty-Two : Latest comments block left alignment makes the comment
next to it
---------------------------+------------------------------
 Reporter:  pitamdey       |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:
---------------------------+------------------------------

Comment (by poena):

 Hi

 The block alignment in this case is working as intended, the left and
 right alignments do not use clear (https://developer.mozilla.org/en-
 US/docs/Web/CSS/clear).

 This problem is not limited to the latest posts blocks, it can also be
 reproduced for example with a right aligned image block.

 The problem that is specific to this theme, is that the **page** template
 does not have a block between the post content and the comments area, so
 the post content is not cleared.

 https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-
 content/themes/twentytwentytwo/templates/page.html#L18

 In comparison, the **single post** template has a spacer block, followed
 by a group block that contains the "post footer" with the post date etc.
 https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-
 content/themes/twentytwentytwo/templates/single.html#L18

 @pitamdey Please remember to include detailed descriptions with step by
 step instructions for how to reproduce the issues.


 == Testing instructions
 To reproduce the issue:

 Activate Twenty Twenty-Two
 Create a new page.
 Enable comments on this page, and add a few comments.
 Add a latest posts block to the page content. Align it to the left. Save.
 (Notice that no overlap is seen in the editor, that is because the
 comments area is part of the template, so it is not visible in the block
 editor.)
 View the page on the front.
 Notice how the left aligned latest posts blocks is to the left of the
 comments area on the page.

 The expected result would be for the latest posts block to be left
 aligned, but vertically positioned between the page title and the comments
 area.

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