I've got a code something like this
<script>
var test = "";
function addTest(val) {
test += val + ',';
$('ModelForm:test').innerHTML = test;
}
</script>
<h:form id="ModelForm">
<rich:tree id="folderTree" value="#{Model.folderTree}"
var="item" nodeFace="#{item.type}"
onmousedown="addTest('mousedown')"
onmouseup="addTest('mouseup')"
onclick="addTest('click')"
onselected="addTest('selected')">
.
.
.
</rich:tree>
<h:outputText id="test" value="" />
</h:form>
If I click on an empty area of the tree (not on any node), I get "mousedown,mouseup,click,", as expected.
If I click on a node, like I was selecting it, I get "click,selected,mousedown,mouseup", which is very much not what I expected.
Why would the click and selected events fire before the mousedown?