I've two sites site-1 (Parent) and site-2 (child). Both are hosted on two machines on IIS V10 (windows 10) on the same network. Site-2 is loaded inside site-1 using Iframe.
The site-2 is loaded in Iframe in all browsers (Chrome, Firefox, IE) but Edge. I get following error in Edge:
Here, I am using IP address and port for the site-2 in the iframe instead of the hostname.
Here is how I am creating Iframe in JS:
var elem = document.createElement("iframe");
elem.setAttribute("src", "http://172.18.48.43:5051/play/Web/21");
elem.setAttribute("id", "site-2");
elem.style.width = 800 + "px";
elem.style.height = 300 + "px";
elem.style.border = 1 + "px solid Orange";
var frame = document.getElementById('frame');
$("#frame").html(elem);
The Iframe works in edge in two conditions:
If both site-1 and site-2 are on the same machine.
If instead of IP, I use public domain hostname like http://www.some-domain.com
I tried following solutions, but nothing worked so far:
https://windowsreport.com/fix-hmm-we-cant-reach-this-page-edge/
https://troubleshooter.xyz/wiki/fix-hmm-we-cant-reach-this-page-error-in-microsoft-edge/