This is a migrated thread and some comments may be shown as answers.

IE11 - Dropdownlist closes after initial expand

9 Answers 406 Views

DropDownList

This is a migrated thread and some comments may be shown as answers.

9 Answers, 1 is accepted

answered on 26 Jun 2015, 02:38 PM

kendo.zip

The attached video shows the issue. It doesn't happen on every page, but there appears to be no difference between the way we use the dropdown here and elsewhere. This only happens in IE11.

We were previously on a 2013 release of Kendo and Jquery 1.10 and dindn't have this issue. We upgraded to 2015 Q1, then then to 2015 Q1 SP2, and have had this issue since the initial upgrade.

I'm not really in a position to give you a code sample unfortunately.

Thanks

Andy

answered on 29 Jun 2015, 11:19 AM

We're having a similar issue with the Kendo menu control. Very briefly after page load all the menu items expand to show the submenus. They instantly roll back up so only the top level menu items are visible. We're using the below code to create the menus and again, it was fine before the Kendo upgrades mentioned above.

return htmlHelper.Kendo()
.Menu()
.Name(name)
.Events(events => events.Select(selectFunction))
.BindTo(assetFoldersHiearchy,
mappings => mappings.For<AssetFolderViewModel>(binding => binding.ItemDataBound((item, folder) =>
{
item.Text = folder.Description;
item.HtmlAttributes.Add(CommonConstants.Id.ToLower(), folder.Id);
})
.Children(folder => folder.SubFolders)));

answered on 03 Jul 2015, 04:00 PM

Hi Georgi

Here's a sample of the HTML:

<div class="box-inner-content">
<div>
<div class="input-form">
<div class="input-row">
<span class="input-label">Select Value</span>
<span class="error-asterisk">*</span>
<div class="input-control">
@(Html.Kendo().DropDownListFor(model => model.SelectedValue2)
.OptionLabel("Select...")
.BindTo(Model.Items))
</div>
</div>
</div>
</div>
</div>

.input-form .input-row .input-control {
width: 50%;
float: right;
padding-left: 4px;
background-color: #fff;
min-height: 25px;
}

The float right appears to be causing the issue, as the drop down behaves as expected if it's removed or changed to a value other than right. However, that then breaks our form layout. There appears to be no reason for the float to cause an issue, but it does seem to.

Thanks
Andy