I have two frontend applications - one is a legacy AngularJS app & another is a Angular 4.x app. The AngularJS application has an iframe that when opens up an dialog which loads content from our Angular 4 app (not ideal I know).
This issue I am having on our local instance this seems fine however when I upload this to our staging servers I am unable to load the iframe in Internet Explorer 11 (it is fine in modern browsers however) and I get the following error
This content cannot be displayed in a frame
To help protect the security of information you enter into this website, the publisher of this content does not allow it to be displayed in a frame.
As I am able to modify the source Angular 4.x app I have added the following meta tag :
<meta http-equiv="X-Frame-Options" content="allow">
But this change doesn't make any difference and I still get the same error message - anyone ideas on how to fix in IE11?
Fixed - it involved changing the Apache settings directly on the "X-Frame Options" server in question