MS Teams Tab displays duplicate iframe/frame when embedding an interactive webpage - how to fix?

Question

MS Teams Tab displays duplicate iframe/frame when embedding an interactive webpage - how to fix?

Yathindra R 0

I am trying to add an interactive Crossword puzzle as a tab in a MS Teams channel. The crossword works, but the embedded view is showing two frames / a duplicated "Moderator" section (refer screenshot) instead of displaying the interactive puzzle cleanly.

This is on a corporate Microsoft Teams channel/account, so some apps, embedded content or iframe settings may be restricted by our organization.

Has anyone faced something similar? What Teams, iframe, embedding, or security should I check to prevent the duplicate frame and display only the interactive crossword?

Any guidance or troubleshooting steps would be appreciated.

CWIssue

0 comments

1 answer

Your answer

Answer 1

Liora 2,170 Independent Advisor

Dear @Yathindra R,

I hope you’re having a good day.

Thank you for providing the screenshot.

Based on what I can see, the crossword itself appears to load successfully inside Teams, which suggests that the page is not being completely blocked by Teams, iframe policies, or tenant security settings.

What stands out is that the lower interactive section appears to be rendered twice, which often points to a page-rendering or compatibility issue rather than a Teams permission issue.

As a first test, I would recommend opening the exact same crossword URL directly in a browser such as Microsoft Edge or Google Chrome and comparing the result. If the page displays correctly in a browser but shows duplicated controls only when embedded in a Teams tab, that would strongly suggest a compatibility issue between the webpage and the Teams embedding environment.

It would also be helpful to know:

Whether this is a Website tab or a custom Teams app.
Whether the crossword page is internally developed or hosted by a third-party provider.
Whether the same duplication occurs in Teams Web and Teams Desktop.

If you can share the URL (if publicly accessible) or provide additional details about how the tab was created, it would help me better understand the issue.

Please understand that our initial response does not always resolve the issue immediately. However, with your help and more detailed information, we can work together to find a solution.

Looking forward to hearing back from you with any updates or additional details.

Warm regards,

If the answer is helpful, please select "Yes, accept answer". If you have any questions or new updates, please feel free to comment below.

Yathindra R 0 Reputation points

2026-09-30T08:02:53.39+00:00

Thank you for the quick response @Liora

The URL opens and functions as expected when accessed directly through a web browser, and the issue with duplicated controls does not occur in that scenario. However, the problem is encountered when the page is accessed through Teams > Website App using the .html file link hosted on our internal SharePoint site.

Unfortunately, the file is not publicly hosted, as it was specifically designed for internal intranet use and is only available within our SharePoint environment.
Liora 2,170 Reputation points Independent Advisor

2026-09-30T08:18:42.31+00:00

Hi Yathindra,

Thank you for the additional information.

The fact that the page works correctly in a browser but shows duplicated controls only when opened through Teams > Website is a very useful clue.

As a next step, I would recommend testing the same tab in Teams Web. If the duplicate controls appear there as well, it would suggest that the webpage itself is not handling the Teams iframe environment correctly rather than there being a problem with the Teams desktop client.

Since only the control section is duplicated while the crossword grid itself is displayed once, I also suspect that part of the page's JavaScript may be initializing twice when loaded inside Teams.

If this is an internally developed HTML page, I would review the page initialization logic and check whether the controls are being rendered more than once when the page is hosted inside an iframe.

If the page is based on a third-party crossword framework, it would also be worth checking whether the vendor officially supports embedding inside Microsoft Teams tabs.

At this point, I would prioritize investigating the webpage rendering logic rather than Teams security settings, as the browser test strongly suggests that the issue is specific to the Teams embedded environment.

Please let me know whether the same behavior occurs in Teams Web as well.

Kind regards.
Yathindra R 0 Reputation points

2026-09-30T08:24:38.1366667+00:00

Thanks again, let me verify and revert with additional info.
Liora 2,170 Reputation points Independent Advisor

2026-10-01T14:20:26.1233333+00:00

Hi Yathindra,

I just wanted to check in and see whether there have been any updates regarding this issue.

If you've had a chance to do any additional testing or have any new findings to share, please feel free to let me know.

Kind regards.