Iframe in topic content is not attempting to load

support
1

I did follow up on this topic Iframe question - #3 by Jerome but I think I stretched the original subject somewhat.

This post Iframe question - #3 by Jerome - successfully loads a URL with a description to my blog article. The box below however, an iframe, does not attempt to even load, as per my inspection of the Network tab (F12) when viewing the post in Discourse. Not a single request towards miniglot.com (next.js hosted at Vercel with Cloudflare for DNS), only forum.miniglot.com (the Discourse server, hosted separately).

Post markup:

https://miniglot.com/blog/welcome-to-the-miniglot-community

<iframe url="https://miniglot.com/blog/welcome-to-the-miniglot-community"></iframe>

Discourse setting CORS origin:

Discourse setting “allowed iframes”:

My next.config.js on miniglot.com:
… though I don’t think it’s even in scope as I don’t see the server being even ever called:

...
async headers() {
    return [
      {
        source: '/(.*)',
        headers: [
          {
            key: 'X-Frame-Options',
            value: 'ALLOWALL',
          },
          {
            key: 'Content-Security-Policy',
            value: "frame-ancestors 'self' https://forum.miniglot.com;",
          },
        ],
      },
    ]
  },
...

Any pointers peeps ? I might give up iframes for now, which is a shame as I think it’d help novices understand what the “blog comments” category is about on my Discourse, and how it wires up to the blog pages.

2

Adding a picture to make it easy on the reader:

image
image1229Ă—927 78.3 KB

3

The problem might be here:

<iframe url="https://miniglot.com/blog/welcome-to-the-miniglot-community"></iframe>

I don’t think iframes accept a url attribute. Try changing it to src

<iframe src="https://miniglot.com/blog/welcome-to-the-miniglot-community"></iframe>

5 Likes
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.