iFrame removes content if first item in post

Development

AI-generated summary

In a discussion titled ‘iFrame removes content if first item in post’ under the Dev category, jimkleiber reports that when placing an <iframe> above text in a post, the text disappears — though it displays correctly when the iframe is placed below. Arkshine attempts to reproduce the issue but cannot, questioning whether the text content has specific characteristics. jimkleiber suspects the issue might relate to using a <details> tag or a conflicting component on their end. Later, jimkleiber discovers the root cause: they were omitting the closing </iframe> tag. After adding it, the issue resolves. They express gratitude for the help and acknowledge the problem was on their side, ending with a :man_facepalming: and :hugs: emoji.

1

If in a post I put an iframe below some text content, the iframe shows below it, but if I put the iframe above the text content, the iframe shows but the text disappears.

I’m baffled, I imagine it’s something to do with how the content is cooked, but not sure why it’d do that.

Any idea what’s happening?

2

I’m unable to reproduce. Is there some specificity about the text? :thinking:

The image shows a computer screen with a web interface on the left side that has an editor with text and an embedded iframe code snippet, and on the right side there is a preview of a CodePen project titled "Smooth Flexbox Navigation" with options to run the code and view it in HTML, CSS, and JS tabs. (Captioned by AI)
The image shows a computer screen with a web interface on the left side that has an editor with text and an embedded iframe code snippet, and on the right side there is a preview of a CodePen project titled "Smooth Flexbox Navigation" with options to run the code and view it in HTML, CSS, and JS tabs. (Captioned by AI)975×267 15.7 KB

3

Ooo, I appreciate you trying to reproduce it. I was using a <details> tag, so maybe that’s it or there’s a conflicting component on my end.

But glad to know it’s maybe a problem on my side, I’ll dig into it more, thanks!

4

I was only putting <iframe src="https://www.example.com"> and was not including a closing tag of </iframe>.

I include it and it works :man_facepalming:

Thank you helping me realize it was on my side :hugs: