<!doctype html>
<meta charset="utf-8">
<title>Focus restoration outer</title>
<script>
let other = null;
let log = "outerlog:";
function getLog() {
return log;
}
window.onmessage = function(e) {
if (e.data == "start") {
other = window.open("focus-restoration-in-different-site-iframes-other.html", "otherwindow", "resizable=yes");
} else if (e.data == "other") {
other.close();
opener.step_timeout(function() {
document.getElementsByTagName("iframe")[0].contentWindow.postMessage("getlog", "*");
}, 2000);
} else {
opener.step_timeout(function() {
opener.postMessage(getLog() + e.data, "*");
}, 1500);
}
};
window.onload = function() {
document.getElementsByTagName("iframe")[0].onfocus = function() {
log += "iframefocus,";
}
document.getElementsByTagName("iframe")[0].onblur = function() {
log += "iframeblur,";
}
document.body.onfocus = function() {
log += "bodyfocus,";
}
document.body.onblur = function() {
log += "bodyblur,";
}
}
</script>
<iframe src="http://{{hosts[alt][www]}}:{{ports[http][0]}}/focus/support/focus-restoration-in-different-site-iframes-inner-window.html">