DropDownList Bug with Touchscreen Laptops

[Josh Pollard]

I found an odd bug, and I'm not sure if the bug is with Chrome or with Kendo, but I figured this was the best place to start. I have a Lenovo X220T laptop which has a capacitive touchscreen display. When I use the dropdownlist control I'm unable to select an option when using the mouse in Chrome. You can use the demo page here http://demos.kendoui.com/web/dropdownlist/index.html to test it. I can click the drop-down for Cap Color, and the options are shown, but I can't select an option with my mouse. It works perfectly fine if I use the touchscreen, just not the mouse. Internet Explorer 8 works fine with the mouse. I'm using the latest version of Chrome, Version 22.0.1229.94 m.

Thanks!

[Atanas Korchev]

Hello Josh,

 This is a known issue with Chrome 22 and hybrid devices (that have touch screen and mouse). We will address that in some of our next internal builds. I will update this thread when this is done.

Regards,
Atanas Korchev
the Telerik team

[Josh Pollard]

any update on this issue?

[Atanas Korchev]

Hi Josh,

 We are still working on this. Since all widgets are affected by this google chrome behavior we need to carefully test everything. 

 Support for touch events in Google Chrome should be implemented with the upcoming Q3 release which is due this week.

Regards,
Atanas Korchev
the Telerik team

[IT]

This still seems to be an issue? How can we fix this? 

[Dimitar]

Hello,

There is an existing item logged in the official Kendo UI GitHub repository, to which the observed issue is related to. I would suggest to subscribe to the item(#3773) in order to start tracking our progress and get notified as soon as the issue is updated.

In the "Workaround" section of the issue, you can find a temporary solution that can be used to patch the DropDownList until an official fix for the issue is released:

<script>
  kendo.ui.DropDownList.fn._popup = function () {
    kendo.ui.Select.fn._popup.call(this);
    this.popup.one("open", $.proxy(this._popupOpen, this));

    $(this.list).on("touchend.StaticList", "li", $.proxy(this._click, this))
    $(this.list).on("touchend", ".k-list-optionlabel", $.proxy(this._click, this))
  }
</script>

Regards,
Dimitar
Progress Telerik

[Elon]

A few drivers might be mistakenly introduced or uninstalled through Windows Update which might cause contact screen issues on Windows 10. 3. There might be an issue with the touch screen of acer swift 5 thunderbolt 3. At times free or broken screen link can likewise cause the apparition contact screen or touchscreen to become inert.