I'm using the Popup Control that contains a dropdown and cascading dropdown extenders. The popup works ok but when I go to select an item from any of the drop downs with the mouse, the dropdown "items" list remain visible (and I can select from it) but the popup and all controls within disappear (including the actual dropdown). I can select the item. When I navigate to the target textbox of the popup the pop displays again and ddl has the item I selected, selected. Once in the popup, if I don't use the mouse and only tab through the ddls, it works as expected.

The following appears to resolve the issue in the _onMouseOut function of the Popup Control.

 if (!(currentElement))
        {
            currentElement = event.srcElement;
        }

Method follows:

this._onMouseOut = function() {
        // Track mouse position
        _pointerOverPopup = false;
        //debugger;
        // Walk the "to element"'s parents to see if the mouse is going over a child of the popup
        var currentElement = (event.toElement ? event.toElement : event.relatedTarget);
        
        if (!(currentElement))
        {
            currentElement = event.srcElement;
        }
        
        if (_popupElement) {
            while (currentElement) {
                if (currentElement.id == _popupElement.id) {
                    // Mouse is going over a child of the popup
                    _pointerOverPopup = true;
                    break;
                }
                currentElement = (currentElement.parentElement ? currentElement.parentElement : currentElement.parentNode);
            }
        }

        // Hide the popup
        if (!_pointerOverPopup) {
            _popupBehavior.hide();
            _popupVisible = false;
        }
    }