🔥😨 Excel: using Office.context.ui.displayDialogAsync wipes out contents of all iframes in the task pane

[wh1t3cAt1k]

Your Environment

• Platform [PC desktop, Mac, iOS, Office on the web]: Office on the web
• Host [Excel, Word, PowerPoint, etc.]: Excel
• Office version number: evergreen
• Operating System: Windows 11 Pro
• Browser (if using Office on the web): Edge / Chrome evergreen

Problem description

Using Office.context.ui.displayDialogAsync() wipes out all iframe contents in the task pane DOM.

Steps to reproduce

Use sample add-in in minimal repro: https://github.com/VelixoSolutions/office-js-reproduce-iframe-wipeout

1. Click the "Run" button
2. Observe iframe element added to the document

3. After 3 seconds, observe "add-in wants to display a new window and click "Ignore":

Actual result:

Observe iframe body is gone:

Expected result:

No such thing happens. iframe contents should be preserved.

Provide additional details

This issue wipes out all real-time support opportunity we have with Intercom inside our add-in - its messenger uses an iframe to display the support chats.

Due to this issue, the support widget disappears from the app completely as soon as we display a single sign-on window.

There is no reasonable workaround - we have to use an external dialogue for single sign on, and it seems that the overlay logic for "add-in wants to display a new window" does crazy things.

DOM excerpt from the real world:

Before:

After:

[ghost]

Thank you for letting us know about this issue. We will take a look shortly. Thanks.

[RuizhiSunMS]

Have forward this issue to heidi.

[iotataru]

@wh1t3cAt1k can you please make https://github.com/VelixoSolutions/office-js-reproduce-iframe-wipeout public or share it with me (email: iotataru@microsoft.com)

[wh1t3cAt1k]

@iotataru apologies, it was unintentionally private - this is public now :)

[wh1t3cAt1k]

Any update on this issue @iotataru @RuizhiSunMS ?

[iotataru]

The issue should be resolved. Let me know if it still reproduces on your end @wh1t3cAt1k

[wh1t3cAt1k]

@iotataru What is the fix version in the host / Office.js?

I cannot confirm that the issue is gone, it is still replicable on my side on the latest Chrome + Excel Online.

See the above screenshot, the iframe contents are replaced with empty head/body elements.

[iotataru]

It looks like the fix should be in Excel Online starting with version [16.0.16102.42304] Which version are you on?

[wh1t3cAt1k]

@iotataru my version 16.0.16330.42300.

The issue still replicates.

[wh1t3cAt1k]

@iotataru @RuizhiSunMS @Wenjun-Gong I have just verified that the issue replicates using the same exact reproduction step on the minimal repro repository, using Excel Online on Chrome. Therefore, it definitely has not been fixed.

(The IFrame initially contains "Foo" as text inside, after Office displays the dialogue prompt only empty head/body tags remain in the HTML, the contents are removed)

[wh1t3cAt1k]

Can we hope for any kind of feedback for this?..

[iotataru]

@wh1t3cAt1k yes the issue should be resolved. Can you confirm?

[wh1t3cAt1k]

@iotataru @RuizhiSunMS @Wenjun-Gong

I feel really silly - the issue still replicates and the steps did not change. (This is the second time the situation repeats 🙈)

Can we hope for some serious attention to this problem?

Once again, the problem is not solved.

[wh1t3cAt1k]

@iotataru @RuizhiSunMS @Wenjun-Gong calling for your attention to this problem one more time...

[RuizhiSunMS]

@wh1t3cAt1k loatatru should be the owner actually.

[iotataru]

Deployment issue has been resolved a while ago, we should close this issue.