Question

This problem only occurs in Internet Explorer 8 & 9

I have two dropdowns (cboCountry & cboPractice) inside a web user control that are bound to entity datasources. When clicking on the control (either the box itself or the arrow) the list of options appear but only if the mouse stays stationary, the second the mouse is moved the options disappear again.

Has anyone experienced this before and if so what was the cause & solution?

I initially thought it may have something to do with the update panel it was sitting in and so tried commenting it out but unfortunately it made no difference.

There is code fired when cboCountry’s value has changed (see below) but only to show a separate panel with a region dropdown in it. Autopostback is set on cboCountry but not on cboPractice and this issue is occurring on all dropdowns in that web user control.

Protected Sub cboCountry_SelectedIndexChanged(sender As Object, e As System.EventArgs) Handles cboCountry.SelectedIndexChanged
        Try
            If cboCountry.SelectedValue = 211 Then
                pnlStates.Visible = True
            Else
                pnlStates.Visible = False
            End If
        Catch ex As Exception

        End Try
    End Sub

Any help with this would be appreciated – you can see the issue here (IE9) The Lawyer Network

Answer 1

the second the mouse is moved the options disappear again.

Not exactly.

What happens is that when you move the mouse outside the element that contains the dropdown, or over the dropdown options, the options are hidden. As long as the mouse is over the select element itself, or over the dark box containing the select, the options are not closed.

So, you should look for an event that you have hooked up to the containing element.