Twenty Seventeen: Comments block having space issue for the comment title.

[viralsampat]

Hello Team,

I have checked "Comment" block and found that there is some spacing or floating issue into the comment title on the front-end.

I think that it should be same like editor side.

Here, I have attached its screenshots.

[viralsampat]

Back-end:

[viralsampat]

Front-end:

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[viralsampat]

After resolved issue Back-end:

[viralsampat]

After resolved issue front-end:

[ankitkumarshah]

Hi @viralsampat,

Thank you for pointing this out. I followed your steps and successfully reproduced the UI break issue. It seems specific to the Twenty Seventeen theme, as I did not encounter the issue when testing with the Twenty Twenty-Five theme.

Screenshot:

[sainathpoojary]

Hey @viralsampat,

Thank you for providing the patch. I have tested it on the front-end, and the changes successfully resolve the spacing and floating issues with the comment title. The updated styling now matches the editor side as expected. Additionally, I tested it on Twenty Twenty-Five and other recent themes to ensure there are no regressions, and everything is working as expected.

[sabernhardt]

I want to close this for the same reason as #55744.

The Comments block does not belong within the post/page content, especially with a theme that already has a comments template such as Twenty Seventeen. The block creates duplicate IDs, which is a bigger problem than broken styles. A bad appearance can help discourage someone from using the block.

[38866] set the styles on #comments, and ID selectors should only affect one element. However, the Comments block adds a comments ID to its heading (without the ability to customize it in the sidebar). The #comments selector probably could be switched to .comments-area in both stylesheets, but I prefer keeping the broken appearance.

[karmatosed]

I agree with the approach to close this raised by @sabernhardt and I am going to go ahead and do that. Thank you for reporting and also thank you for collaboration on this. As a note, closing doesn't mean we can't reconsider but there has been a very clear reason given to close for now.