<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<script type="text/javascript" language="javascript" charset="utf-8">
document.onmousedown = doIt;
function doIt(evt) {
var elem = evt.target;
var anAttr = null;
alert (elem);
}
</script>
</head>
<body>
<p><b>BUG ID:</b> <a href="rdar://problem/4196646">4196646</a> target returns text node when it should return the parent node</p>
<p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b>
Click where indicated below.
</p>
<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
After clicking, see alert dialogs as described below.
</p>
<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
After clicking, see alert dialogs other than what is described below.
Specifically, tests #1 and #3 below will alert "[object TEXT]"
</p>
<p>1. click on this text - you should see an alert that says "[object P]"</p>
<div style="border: 1px dotted red; width: 500px; ">2. click on white space next to this text --> <br>you should see an alert that says "[object DIV]" --> </div><br>
3. click on this text - you should see an alert that says "[object BODY]"<br><br>
4. click on empty whitespace on this page, below this text - you should see an alert that says "[object HTML]"
</body>
</html>