Query Loop Block: Jetpack Comments iframe has inconsistent height

[sajmes]

Quick summary

The Jetpack comments form uses an iframe. When used in a Query Loop Block post template, the initial comments form has a smaller height than all subsequent comments forms in the Query Loop Block.

I tested on both Zoologist and Twenty Twenty-Four.

Steps to reproduce

1. Add a Query Loop block.
2. Add a comment section at the bottom of the post template within the Query Loop Block.

What you expected to happen

The spacing will be consistent across all posts displayed within the template.

What actually happened

The initial comment section has a smaller height than the subsequent blocks. For example, on both a user's site and my test site, the initial iframe has a height of 170px while the later iframes are 430px. This causes an inconsistent display of posts.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform

Atomic

Logs or notes

User report: 8481379-zd-a8c

[retnonindya]

📌 REPRODUCTION RESULTS
Uncertain

📌 FINDINGS/SCREENSHOTS/VIDEO
I can't even see the comment block on my test page. A bit of note: My test site is Simple (Premium), and I created a new template (titled "Blog List) with Query Loop Block in it and added Comments Block as guided by this report. I assigned the template on a page, and when I checked the live page, I can't see the comment form.

I used TT4 as guided.

📌 ACTIONS
In Triage. I'm yet to determine if this is expected (Comments Block no longer work when it's inside Query Loop Block or Post Template Block) or if this is a bug.

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 8481379-zen

[retnonindya]

I still can't see comment block that added inside Query Loop Block. I'm checking with GB folks here: p1724229365102759-slack-CBTN58FTJ

[ntsekouras]

👋 I quickly tested in GB trunk and there doesn't seem to be a problem..

The issue mentions Jetpack comments.. Is there a different Jetpack block? Additionally I don't believe the core comments block renders an iframe..

[sajmes]

Updating this thread with this comment from @tyxla:

looks like a Jetpack comments issue indeed. it could be in verbum, which I think is shipped with wpcomsh (jetpack-mu-wpcom nowadays). might need the full puzzle (an atomic site for example) to be able to repro it.

The comments on my test site do reference Verbum, and both the user's site and my test site are Atomic on Dotcom.

[inaikem]

Not 100% sure why this is still "In Triage". It looks like we have a good handle on where the issue is coming from (Verbum). @Automattic/vertex, can you please review as part of ongoing/continuous maintenance?

[agrullon95]

@inaikem - Thanks for the team ping (Vertex). I'll look into this issue today.

[agrullon95]

Update: I have a PR ready for review (Automattic/jetpack#39791). Once its reviewed and confirmed that everything is functional, we can merge.

[agrullon95]

I merged the fixes. It should be applied to Atomic sites after the jetpack changes are deployed.