[Solved] DropDownList not rendered correctly in IE7 on dropdown

[Johan]

The Telerik MVC DropDownListFor is not rendered properly in IE7, when the dropdown is made visible the first time. See attachment.

[Petur Subev]

Hello Johan,

Thank you for sending us the sample project. I tried to reproduce the problem and the dropdown behavior is the same in all the major browsers (including IE7). I was able to achieve the same "shift" of the DropDownList when the browser window is re-sized.
Basically in such pages with flexible layout you should hook a handler to the window resize event and close the DropDownList body.
e.g.

$(window).resize(function(e){$('.t-animation-container').hide()})

Greetings,
Petur Subev
the Telerik team

[Johan]

Hi Petur,

you are indeed right that the sample is working in all browser. I was testing it in IE9 in IE7 Document Mode, sorry.

If you still want to reproduce the problem, you can add the following line to the Site.Master.

For me (with the solution you proposed), it’s not a problem anymore.

[Johan]

If you use the hide to "close" the DropDownList, the DropDownList will not work any more. Another way to close the DropDownList (and comboboxed):

$(window).resize(function (e) { 
    $('.t-dropdown input, .t-combobox input').each(function () { 
        var $this = $(this);
         var list = $this.data("tDropDownList") || $this.data("tComboBox");
         if(list) {
             list.close();
            }
     }); 
})