Can't select from drop-down in Autocomplete

[Sydney]

In trying to figure this out, I pasted your example into my page and just replaced the Model driven stuff with hard coded values like so:

                          @{
                            Html.Telerik().AutoComplete()
                            .Name("AutoComplete")
                            .Encode(false)
                            .BindTo(Model.Teacher.Tags)
                            .AutoFill(true)
                            .HtmlAttributes(new { style = "width: 200px" })
                            .HighlightFirstMatch(true)
                            .Filterable(filtering =>
                            {
                                filtering.FilterMode(AutoCompleteFilterMode.StartsWith);
                            })
                            .Multiple(multi =>
                            {
                                multi.Separator(",")
                                    .Enabled(true);


                            }).Render();
                        }

Model.Teacher.Tags is an IList<string>.  I can't imagine what's going on here - any help greatly appreciated.  The correct values are populated in the list, and they drop-down correctly, but they can't be selected with the mouse.

Note:  I have a ComboBox on the same page and have the same problem.  Happens whether I have only one or both controls on the page.

[Sydney]

Helllloooooooooooooo?

[Laurent Fabre]

Hi Sydney,

I have the very same problem with release 2010.3.1318, I'm not sure when this happened since I don't use them a lot.

Laurent

[Georgi Krustev]

Hello,

It is hard to determine where could be the problem depending on the given information. Could you try to reproduce this issue on this online demo?

If the problem still persists I will suggest you send us a simple test project which replicates the reported problem. 

Regards,
Georgi Krustev
the Telerik team

[Sydney]

No - I grabbed the code from there - wouldn't have done so if it didn't work there. Is there an option to have the Telerik Script manager output the non-minimized form of jquery to facilitate debugging?

[Laurent Fabre]

Sydney, you can simply add .jQuery(false) to the ScriptRegistrar and include your non-minimized version manually.

I don't have time to replicate the issue right now sorry but to me this looks like a weird z-index problem. I use jQuery 1.4.4 and jQuery UI 1.8.9 and that's about it. No javascript errors so I'm pretty sure it's a CSS problem, I tried on several browsers and with the same result.

Obviously this was working nicely before so I probably changed something with I thought was unrelated.

LF

[Sydney]

I have narrowed this down to an incompatibility of Telerik and jquery.validate.js.    I also have the following:

<script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script type="text/javascript" src="/Scripts/jquery.validate.unobtrusive.js"></script>

However, it's only when I include the jquery.validate.js file that the Telerik controls stop working - this is true even if I remove all validation requirements for the field in question (i.e., it has no unobtrusive attributes added so, one presumes, it is not being validated).

Any chance of a patch for this?

Note that this also impacts the Telerik window control - can't be dragged/dropped or closed with the X when the jquery.validate.js is present.

Late Update:  I see that this is a known issue as described here (http://www.telerik.com/community/forums/aspnet-mvc/general/q2-2010-mvc-components-and-jquery-validation.aspx).  An updated version of jquery.validate.js is provided in this thread:  http://www.telerik.com/community/forums/aspnet-mvc/treeview/tree-with-ajax-binding-not-operational.aspx

[Laurent Fabre]

It works using : https://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js

LF