<html>
<head>
<style>
span { border: 10px solid blue; }
div { display:inline-block; }
</style>
<script>
function test()
{
var span = document.getElementById("span");
var x = span.offsetLeft + span.offsetWidth - 5;
var y = span.offsetTop + (span.offsetHeight / 2);
if (window.eventSender) {
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
}
}
</script>
</head>
<body onload="test()" contenteditable="true">
<p>This test is for <a href="http://bugs.webkit.org/show_bug.cgi?id=14498">http://bugs.webkit.org/show_bug.cgi?id=14498</a>.</p>
<p>Click inside the right border. The caret should move after “bar”.</p>
<span id="span" style="">
<div>foo</div>
<div>bar</div>
</span>
</body>
</html>