blob: 05f4724289d13e7aa3662591325688d84320435f [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
<script src="resources/js-test-selection-shared.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<script>
description("Ensure that clicking in the margins around editable divs does not grant focus.")
document.body.style.margin = "20px";
var outerDiv = document.createElement("div");
outerDiv.style.cssText = "width: 100px; padding: 100px; background-color: blue;";
var innerDiv = document.createElement("div");
innerDiv.style.cssText = "height: 100px; border: 1px solid pink; background-color: green;";
innerDiv.contentEditable = true;
outerDiv.appendChild(innerDiv);
document.body.insertBefore(outerDiv, document.body.firstChild);
var lastClickCausedFocus = false;
document.documentElement.addEventListener("mouseup", function(e) {
var lastClick = e || window.event;
if (lastClickCausedFocus) {
testFailed("Click @ " + lastClick.clientX + ", " + lastClick.clientY + " caused innerdiv to focus!");
} else {
testPassed("Click @ " + lastClick.clientX + ", " + lastClick.clientY + " did not cause focus.");
}
innerDiv.blur();
lastClickCausedFocus = false;
}, false);
innerDiv.addEventListener("focus", function() {
lastClickCausedFocus = true;
}, false);
if (window.eventSender) {
clickAt(10, 10);
clickAt(170, 10);
clickAt(10, 170);
clickAt(70, 70);
clickAt(170, 70);
clickAt(270, 70);
clickAt(70, 170);
clickAt(270, 170);
clickAt(70, 270);
clickAt(170, 270);
clickAt(270, 270);
} else {
debug("To test, cick above and to the left of the blue box, then above it, then to the left " +
"of it and finally, click in all 8 regions around the green div.");
}
var successfullyParsed = true;
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>