Edit this page

Close Dropdown on Mouse Out

This articles shows how to close the dropdown when the mouse moves out of the dropdown area.

Just add the following javascript code to your aspx page containing the RadComboBox:

<script type="text/javascript">

$telerik.$(".RadComboBoxDropDown").mouseleave(function () {
    $find("<%= RadComboBox1.ClientID %>").hideDropDown();
});

</script>

The javascript code utilizes the jQuery library which is added in the RadComboBox in the Q1 2009 release. The above code runs fine in both Internet Explorer and Firefox.

The mouseleave event is IE specific and is similar to the mouseout event but with one important difference: the mouseleave (and its mouseenter counterpart) does not bubble.

The jQuery library successfully converts the mouseleave event to mouseout so it works correctly in Firefox.

See Also