dropdown misaligning in ie9 only

[Joel]

I am using version 2013.2.717.35 and on initial load the dropdown aligns properly. When I scroll however the dropdown no longer appears below the combobox. I have set properties oRadCombo.EnableScreenBoundaryDetection = False and  oRadCombo.ExpandDirection = RadComboBoxExpandDirection.Down. I have attached pictures showing the problem. Some of our users are forced to use IE9 only. Thanks for your consideration.

[Joel]

I forgot to mention that I tried this solution which is similar to one on your site.

<script type="text/javascript" language="javascript">
    window.onscroll = closedrop;

    function closedrop() {
          var combos = Telerik.Web.UI.RadComboBox.ComboBoxes;

            if (combos != null) {
                for (var i = 0; i < combos.length; i++) {
                    var combo = combos[i];
                    if (combo.get_dropDownVisible())
                        combo.hideDropDown();
                }
            }
           }
</script>

[Nencho]

Hello Joel,

Since the DropDown element of the RadComboBox differs from the input one, the workaround that you've manage to find is the proper implementation in order to keep the proper behavior in this scenario.

Regards,
Nencho
Telerik

 

 

[Joel]

The problem is the workaround does not work.

[Nencho]

Hello Joel,

I would suggest you to hook the scroll handler to the container of the RadComboBox is question. I have prepared a simple example for you, which you can find in the attachment. Test the behavior and let us know if you face any issues in the implementation at your end.

Regards,
Nencho
Telerik

 

 

[Joel]

I found the problem. Your example worked perfectly. I traced it to a missing !DOCTYPE declaration so IE was using <META content="IE=5.0000" http-equiv="X-UA-Compatible">. Thanks for your help and sorry it was not your issue.