Dropdown list items still displays after clicking Back button

[Vicky]

Hello,

When trying to click the Back button with the Dropdown list items opened, the list doesn't disappear after going back to previous page:
http://demos.kendoui.com/web/dropdownlist/index.html

Just wondering if anyone could shed some light on this.

Thanks a lot,
Vicky

[Max]

We have run into the same issue. Is there a solution or workaround for this?

[Alexander Valchev]

Hello Max,

I tried to reproduce the behaviour on the demo page but to no avail. Could you please check the screencast and let me know what I am missing?

• http://screencast.com/t/XYVVkTNCwBeR

In addition which browser are you testing with?

Regards,
Alexander Valchev
Telerik

[Max]

Hey Alex,

Thanks for the answer. I created a support ticket that has more info if you have access to that: 782035

From there: "You can see this behaviour in your own demos. Use an Android phone, go to the kendo ui mobile demo page (demos.telerik.com/kenndo-ui/mobile/m/index.html), switch to the Flat theme, go to forms -> overview -> dropdownlist, click on it, and then press the Android back button. You will see that the DropDownList stays on screen even though the view changes."

So it's Android-only (at least for me, I don't know about the OP), kendo-mobile only, and seemingly only on the Flat theme.

[Alexander Valchev]

Hi Max,

My colleague Kiril already responded in the support ticket that you opened.
For your convenience I will paste the suggested workaround on the forum so the other users who are following this topic can read it:

In the mean time I would suggest you to use the backbutton event of the Cordova API, and close the dropdownlist manually using its close method. It should something like this:

document.addEventListener("backbutton", onBackKeyDown, false);

function onBackKeyDown() {
    $('#dropdownlistid').data('kendoDropDownList').close();
}

Regards,
Alexander Valchev
Telerik