I'm having an issue where the autocomplete box is not working on Chrome for Android (Galaxy S4) - I can browse to the auto complete demo on demos.telerik.com and the box appears to work properly, pops up the demo data, autocompletes, etc. When I try to place a control on my page and navigate with the same device, the control doesn't pop up with any data, nor does it appear to fire the OnTextChanged event. The page does work in IE on the desktop, pops up the data, fires the event, works normally. What am I missing?
Is there a better control for use in on a mobile page?
Here's my page code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
telerik:RadStyleSheetManager
ID
=
"RadStyleSheetManager1"
runat
=
"server"
/>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
script
type
=
"text/javascript"
>
//Put your JavaScript code here.
</
script
>
<
telerik:RadAjaxManager
runat
=
"server"
>
</
telerik:RadAjaxManager
>
<
div
>
<
telerik:RadAutoCompleteBox
ID
=
"RadAutoCompleteBox1"
runat
=
"server"
InputType
=
"Text"
DataSourceID
=
"SqlDataSource1"
DataValueField
=
"item_id"
DataTextField
=
"item_id"
Filter
=
"StartsWith"
Skin
=
"BlackMetroTouch"
OnTextChanged
=
"RadAutoCompleteBox1_TextChanged"
DropDownHeight
=
"1000px"
DropDownPosition
=
"Automatic"
DropDownWidth
=
"1000px"
>
</
telerik:RadAutoCompleteBox
>
<
telerik:RadAutoCompleteBox
runat
=
"server"
ID
=
"RadAutoCompleteBox2"
EmptyMessage
=
"Please type here"
DataSourceID
=
"SqlDataSource1"
DataTextField
=
"item_id"
InputType
=
"Text"
Width
=
"280"
DropDownWidth
=
"280"
>
</
telerik:RadAutoCompleteBox
>
<
asp:SqlDataSource
ID
=
"SqlDataSource1"
runat
=
"server"
ConnectionString
=
"connection-string-here"
SelectCommand
=
"SELECT [item_id], [item_desc] FROM [ItemList] order by [item_id]"
>
</
asp:SqlDataSource
>
</
div
>
</
form
>
</
body
>
</
html
>