<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test.js"></script>
<iframe id="frame1" srcdoc="<input>" width="800" height="600"></iframe>
<iframe id="frame2" srcdoc="<input>" width="800" height="600"></iframe>
<script>
description('Make sure that clicking on an inactive frame clears existing element focus.');
jsTestIsAsync = true;
var doc;
var innerInput;
window.onload = function() {
var iframe1 = document.getElementById('frame1');
var iframe2 = document.getElementById('frame2');
doc = iframe1.contentDocument;
innerInput = doc.querySelector('input');
innerInput.focus();
debug('===> Making a frame with a focused element inactive by focus() for another frame.');
iframe2.contentWindow.focus();
// The following check is not important. activeElement is innerInput in Firefox,
// and is body in IE in this case.
shouldBe('doc.activeElement', 'doc.body');
iframe1.contentWindow.focus();
innerInput.focus();
debug('===> Making a frame with a focused element inactive by mouse click for another frame.');
eventSender.mouseMoveTo(iframe2.offsetLeft + iframe2.offsetWidth / 2, iframe2.offsetTop + iframe2.offsetHeight / 2);
eventSender.mouseDown();
eventSender.mouseUp();
shouldBe('doc.activeElement', 'doc.body');
debug('===> Making the frame active again clicking by a non-focusable element.');
eventSender.mouseMoveTo(iframe1.offsetLeft + iframe1.offsetWidth / 2, iframe1.offsetTop + iframe1.offsetHeight / 2);
eventSender.mouseDown();
eventSender.mouseUp();
shouldBe('doc.activeElement', 'doc.body');
finishJSTest();
};
</script>
</body>
</html>
Codebase Browser
chromium