Twenty Twenty-Two: Label text alignment issue in comment form

[patelhitesh]

In the Twenty Twenty-Two theme, there is a comment form at the end of each post. In this form, label text should be aligned on top so it looks good when the comment box area is big. For more information please check the attached screenshot.

[patelhitesh]

Label text alignment issue in comment form

[patelhitesh]

In the above ticket, to resolve the label text alignment issue please find below CSS:

label { vertical-align: top; }

[sabernhardt]

Hi and thanks for the report!

Twenty Twenty-Three uses the wp-block-post-comments-form stylesheet to make this field stretch to the full width. I would like that in Twenty Twenty-Two.

[sabernhardt]

Never mind about that stylesheet. Twenty Twenty-Two's default Single template uses the legacy Comments block, not Post Comments Form. That block has a similar wp-block-comments stylesheet, which did not seem to activate until after I added a Post Comments Form block to the Single template. The Comments stylesheet still appears since I kept the Comments block and removed the Post Comments Form block. This could be a problem with checking for the existence of a block instead of a theme problem.

Try adding a block to the Single template and saving the template. If the site is public, you could create a Custom HTML block with a comment like <!-- sample block -->.

[poena]

Hi!

In https://core.trac.wordpress.org/ticket/57560, I suggested that the CSS could be in the theme, since the old comments block is deprecated. I think we could do the same for this issue.

[sabernhardt]

copying part of wp-block-comments styles

[sabernhardt]

I copied the styles for labels and input/textarea fields from the ​Comments block styles in case the block styles are not enqueued.

If that is not enough, we might consider enqueuing the full wp-block-comments stylesheet.