Comments' Post button hidden with long comments

Let me re-state my issue while providing more information.

The issue is that the iframe in which the comments are embedded doesn’t resize on my blog. If the comment is too long (10 or 15 lines long) then the Post button eventually disappear which means my users cannot sent their comment.

If I open something like FireBug, and if I manually change the height of the iframe, then everything is fine.

I am wondering if this is some CSS in my blog (I cannot find what could cause this) or a bug in the comments’ JavaScript code?

This issue appears in FireFox, Chrome and IE.

I tried to reproduce the issue on my end, but the comment form iFrame seems to get resized properly:
https://i.wpne.ws/VzHa

Have you managed to solve the issue by yourself? If you still experience issues, could you please send screenshots so I can better understand the issue? ?Please see https://en.support.wordpress.com/make-a-screenshot/ for information on making screenshots.

You can use a service like https://snag.gy/ to share your screenshots here.

Thanks!

Hi Jeremy!

Thanks for replying to this thread. The only thing I did is to change the default iframe’s height of 315px to 600px. But eventually, the same issue will appear.

Here is the screenshot: https://snag.gy/5rdzR.jpg

As you can see, the logged user eventually disapear, along with the post button. If I add two more lines, everything would be vanished.

However, if I used FireBug to manually resize the iframe with a bigger height, then everything would have been fine.

I tried to add an event on the resizing of the underlying div (within the iframe) such that when it resizes, that I resize the iframe as well, but obviously this is not possible since the script come from another domain, so I get a security error.

To me, it looks like that something on the Jet Pack’s side should be resizing the parent iframe, but somehow it is not possible (a bug?). I really don’t know what could be the issue on my side.

@fgiasson – did you ever find a solution to this? Looking for one here too.

@timbunch Could you let me know your site URL, so I can take a look?

The biggest issue is with dynamic content.

1. go here: https://thekrazycouponlady.com/tips/
2. click on an article
3. click on the comments button at the bottom of the modal
4. insert long comments there

I’ve manually sized the iFrame to compensate for it not changing heights and being cutoff. You can disable my CSS overrides to see it in action.

Thanks! Your theme layout is not common, and I’m not sure you will ever be able to have your modal height automatically adapt to iFrames of different sizes like Jetpack’s comment form.

What happens when you disable Jetpack’s comment form module and use the core WordPress comment form? Do you experience issues with long comments?

The standard WP comments are fine. I’m thinking there must be some way to trigger the resizing as if the comment form wasn’t dynamically loaded. But if not, I’ll just deal with it until I have a better commenting solution in place.

I’m thinking there must be some way to trigger the resizing as if the comment form wasn’t dynamically loaded

I can’t think of anything at the moment, but I took note of the problem, and we’ll see if one of my colleagues can think of something.

In the meantime, I’m afraid I can only suggest that you deactivate Jetpack Comments.