# Embedded Comments iframe Height

**URL:** https://meta.discourse.org/t/embedded-comments-iframe-height/51129
**Category:** Support
**Created:** [October 5, 2016, 5:12pm UTC](https://meta.discourse.org/t/embedded-comments-iframe-height/51129 "2016-10-05T17:12:31Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![KevinWorkman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kevinworkman/32/122364_2.png) [@KevinWorkman](https://meta.discourse.org/u/KevinWorkman)
#### Post date: [October 11, 2016, 11:12pm UTC](https://meta.discourse.org/t/embedded-comments-iframe-height/51129/3 "2016-10-11T23:12:49Z")

</div>

Here’s some more info in case it helps:

I’m following [this guide](https://meta.discourse.org/t/embedding-discourse-comments-via-javascript/31963) on setting up embedded comments.

Here is a screenshot of my embedding settings:

 ![](https://global.discourse-cdn.com/meta/original/3X/9/7/97bb9ffbc65478ba2c57ad2da457d4891ef8105e.png)

Here is a sample blog post on my site: [Hello World - Happy Coding](http://happycoding.io/blog/hello-world)

If you scroll to the bottom, you’ll see the comments section (and the fact that it’s only 150 pixels high), which leads to this forum topic: [http://forum.happycoding.io/t/hello-world-happy-coding/23/1](http://forum.happycoding.io/t/hello-world-happy-coding/23/1)

Looking at the source for the blog post page, here’s the embed code I’m using:

```
<div id="discourse-comments"></div>

<script type="text/javascript">
DiscourseEmbed = { discourseUrl: 'http://forum.HappyCoding.io/',
	discourseEmbedUrl: 'http://happycoding.io/blog/hello-world' };
	
(function() {
	var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
	d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
	(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
})();
</script>

```

Now, if I look at the source for [Coding Horror’s latest blog](https://blog.codinghorror.com/can-software-make-you-less-racist/), I see this:

```
<div id="discourse-comments"></div>
<script type="text/javascript">
      var discourseUrl = "https://discourse.codinghorror.com/",
          discourseEmbedUrl = 'https://blog.codinghorror.com/can-software-make-you-less-racist/';

      (function() {
        var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
          d.src = discourseUrl + 'javascripts/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
      })();
    </script>

```

This is almost exactly what I’m doing, and more importantly, I don’t see anywhere else that’s modifying the iframe height. But the comments section on the Coding Horror post does grow to fit all of the comments, whereas mine doesn’t.

Am I missing something obvious? Do my Discourse settings look correct? Is there something on the blog post side that I need to be doing?

Sorry to bump this again. If this isn’t enough info to get an answer, I’ll try asking on [the Discourse tag](http://stackoverflow.com/questions/tagged/discourse) on Stack Overflow, but it would be useful just to know whether this is the expected behavior or not, since I see that other people have the same issue in the original guide, but I can’t tell whether their issues were expected or a result of something not working correctly.

---

_[View the full topic](https://meta.discourse.org/t/embedded-comments-iframe-height/51129)._