Jetpack transparent box – large div

Hi Raz,

We’ve seen this happen occasionally; as a quick check, can you switch to the default TwentyTwelve or TwentyThirteen theme temporarily, to see if the issue lies with your theme, somehow?

Unfortunately, I cannot change it in production directly…
Simply removing
height: <?php echo $height; ?>px;
line 253 in modules/comments/comments.php did the trick.
The height is hard coded:

$height           = $params['comment_registration'] || is_user_logged_in() ? '315' : '430'; // Iframe can be shorter if we're not allowing guest commenting

Why is that?

thanks !

I also tried both scenarios, as being logged in and logged out (since div height is based on whether or not the user is registered if I’m not mistaken, and both work just fine.

If you set the height of the #commentform element via CSS to something like 200px, that should fix your issue.

That did it, perfect.
Thanks Richard!

Here is the best solution I found so far:

#commentform {
  height: 87px;
  transition: height 2s;
  -webkit-transition: height 2s;
}
#commentform:hover {
  height: 420px;
}