Jetpack: Comments: Comment field sizing is broken, text is hidden.

[scosgro]

Steps to reproduce the issue

1. Found on WordPress.com - Activate a newer theme, like Twenty Twenty One, or Twenty Twenty, or Twenty Nineteen, or any Varia based theme.
2. Enable comments on a post, publish the post, visit the post, view the comment form.

What I expected

The Comment form/field to be legible and visible on the page.

What happened instead

The comment form/field is squished, and the text is not legible, making the field obscured to visitors.

Screenshots
Twenty Twenty One:

Twenty Twenty:

Spearhead:

[Aurorum]

Came here to report this issue as I received some comments on it. :)

It also appears to affect non-WordPress.com themes too; this one is Ashe.

I don't think it's a theme issue, to be honest. Even with the direct iFrame link, the issue is still present.

[jeherve]

@sgomes Could it be caused by r219199-wpcom?

[jeherve]

Also reported here:
https://wordpress.org/support/topic/enter-your-comment-here-message-is-cut-off-in-comments-box/

[sgomes]

@jeherve It's possible that it's related, I'll investigate.

[sgomes]

That does indeed appear to be what's causing the issue. I'll prepare a fix.

[sgomes]

Fix ready for review at D55356-code. This should not affect Jetpack code.

[sgomes]

The fix is now live! Closing the issue, as it should be fixed, but please feel free to reopen if there are any further issues.

[firdousebareen]

Hello, this was fixed (I last checked yesterday). But this morning, the same issue seems to be back.

[sgomes]

Thanks for letting me know, @firdousebareen! Can you give me an example of a site where the issue pops up? I can't seem to reproduce it in my test page.

[firdousebareen]

Ah ok that's interesting. I've noticed it on my site: https://www.samwoolfe.com/ I've attached a screenshot as well.

[sgomes]

Thank you, @firdousebareen! 👍 I'll investigate.

[firdousebareen]

Thank you! Much appreciated :)

[sgomes]

It appears that the comments box doesn't resize correctly when it's inside of an iframe. However, I can't find any connection between this and any of my changes. Continuing to investigate.

[sgomes]

The issue turned out to be related to my code indeed. It was a tricky scheduling issue between jQuery and non-jQuery code. D55685-code has the fix.

[sgomes]

The issue should now be fixed again. Could you please confirm that's the case for you. @firdousebareen?

[firdousebareen]

Hi @sgomes It's working! Thanks for fixing that.

[sgomes]

No worries, @firdousebareen! Thank you for letting me know it was broken again 🙂