Microsoft Dynamics 365 | Integration, Dataverse...

Error with window.top.opener in Unified Client Interface

(0) Share

Report

Posted on by meenoo

7,316

Hi,
I have a client side script with window.top.opener line in it. This is where error is being thrown when debugged. 
This script was working fine but started throwing this below error today.
Blocked a frame with origin "">http://www.<domain>.com" from accessing a cross-origin frame.

I know using window.top is not supported but it was working fine, so didn't look into it earlier. 
Can somebody please let me know what this error means and how to fix it?
Thanks for any help.

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

Pankaj Gogoi 3,177 on at

Like (0)

Report
Copy link

Link copied!

Hello,

As suggested, you should avoid using the window.top. if you can, let us know what your requirement and we can suggest alternative design approach.

Here is a link for your reference.

https://docs.microsoft.com/en-us/dynamics365/customerengagement/on-premises/developer/use-iframe-and-web-resource-controls-on-a-form#enabling-iframe-communication-across-domains

Best Regards

PG

Was this reply helpful? Yes No
Suggested answer

Adrian Begovich 1,027 Moderator on at

Like (0)

Report
Copy link

Link copied!
Hi meenoo,

window.top is not supported. When used, The following script error will be displayed to users or included in your error logs: Error: Blocked a frame with origin "https://<yourinstance>.dynamics.com" from accessing a cross-origin frame. The error means that you are trying to access a window owned by an application context external to Dynamics 365. Due to the differing origins, the browser presents the user with a cross-origin security error.

The following are the recommended approaches:

Avoid usage of the window.top object altogether.

If using window.top is the only available option, first test to determine whether window.top is accessible by using the script below. If it's not available, provide alternate logic or a fallback user experience.

function isTopAccessible() { try { window.top.location; return true; } catch (err) { return false; } } var canAccess = isTopAccessible(); alert(canAccess);

Was this reply helpful? Yes No