Rad ComboBox Dropdown is not showing properly

[Mounir Maghraoui]

Hi,
I have used Rad ComboBox is my web page. its dropdown is showing correctly in Firefox, but not correctly in Google Chrome. In the source, the Rad Combobox is located under a <div> (I didn't use radsplitter in the web page). I didn't found the solution in the telerik forum, although, there must be many different posts on this topic here in the forums. 
I attached a file the this post.

Thanks,
Mounir

[Ivana]

Hello,

I could not determine, what is the cause of this behavior in Google Chrome. Could you provide us with a live URL to your web page, or send us a support ticket with a sample web page replicating the issue?

Regards,
Ivana
the Telerik team

[Mounir Maghraoui]

I have the same problem described in this post : http://www.telerik.com/community/forums/aspnet-ajax/combobox/not-displaying-correctly-in-chrome.aspx 
I'm using telerik 2009 version. Can I solve the problem using the solution described in that post without inslalling the last telerik version ?
I means, is-it possible to use the next source code to fix it ?

<script type="text/javascript" language="javascript">

    function pageLoad() {

        $telerik.$("#container").scroll(function() {

 

            var combos = Telerik.Web.UI.RadComboBox.ComboBoxes;

 

            if (combos != null) {

                for (var i = 0; i < combos.length; i++) {

                    var combo = combos[i];

                    if (combo.get_dropDownVisible())

                        combo.hideDropDown();

                }

            }

        });

    }

</script>

[Ivana]

Hi,

Yes the solution provided in Drop down not displayed correctly in chrome forum thread, could be applied to the 2009 version of our controls. You can download the attached project from the above forum tread and test it locally.

Regards,
Ivana
the Telerik team

[Mounir Maghraoui]

Hi,

I tried to use the solution given in the Drop down not displayed correctly in chrome forum thread as you said, but it doesn't work. I still have the same problem.
I' am using an ajaxToolkit:AutoCompleteExtender in my web page. When I remove this control from the page, the Rad Combobox works correctly !
Here is the source code of the AutoCompleteExtender that I use :
<ajaxToolkit:AutoCompleteExtender ID="TxtKeyWord_AutoCompleteExtender" runat="server"
                    DelimiterCharacters="" Enabled="True" OnClientItemSelected="ClientItemSelected"
                    OnClientPopulated="ClientPopulated" ServiceMethod="GetKeyWordsByPrefix" ServicePath=""
                    TargetControlID="TxtKeyWord" CompletionInterval="50" UseContextKey="True" MinimumPrefixLength="1"
                    CompletionListCssClass="AutoComplete_List" CompletionListItemCssClass="AutoComplete_ListItem"
                    CompletionListHighlightedItemCssClass="AutoComplete_ListItemHilite">
                </ajaxToolkit:AutoCompleteExtender>
And the css class of the  AutoCompleteExtender :

.AutoComplete_List{background-color: #FFF; margin: 0px!important; border: 1px solid #999; cursor: pointer; overflow: auto; text-align: left; list-style-type: none; max-height: 150px;}
.AutoComplete_ListItem{color: Black; padding: 1px; border-bottom: 1px solid #ddd;font-weight:bold}
.AutoComplete_ListItemHilite{color: #00326C ; padding: 1px; border-bottom: 1px solid #ddd; background-color: #F0F2F4;font-weight:bold }
.AutoComplete_ListItemHiliteText{ color: #00326C; font-weight:bold;  } 

Could you help me please !

Thanks,
Mounir

[Ivana]

Hi,

Could you send me a live URL to your page? You could also open a support ticket on this matter, where a runnable sample page illustrating the issues could be attached.

Regards,
Ivana
the Telerik team

[Mounir Maghraoui]

Hi,

Thanks,
Mounir

[Ivana]

Hi,

I have noticed that the version of our controls that you are using is 2009.3.1208.20. Could you check if this behavior is the same with the new version of our controls?

Instructions how to upgrade to a newer version of our controls are available at: Updating RadControls for ASP.NET AJAX to another version or license.

Regards,
Ivana
the Telerik team

[Helen]

Hi,

I have noticed that the version of our controls that you are using is 2009.3.1208.20. Could you check if this behavior is the same with the new version of our controls?

Instructions how to upgrade to a newer version of our controls are available at: Updating RadControls for ASP.NET AJAX to another version or license.

Regards,
Helen
the Telerik team

[Mounir Maghraoui]

Hi,
I don't want to upgrade to a newer version of telerik controls.
Is there a way to solve this problem in the 2009.3.1208.20 telerik version ?
Thanks,
Mounir

[Mounir Maghraoui]

Hi,
I can tell you that the problem is due to the use of radcombobox and ajaxtoolkit controls in the same page.
I am using ajaxToolkit:AutoCompleteExtender and ajaxToolkit:ValidatorCalloutExtender. The problem is solved only when I remove the two ajaxtoolkit controls from the page.
You can download a simple project that I prepared. I demonstrate the problem : http://demo.ovh.fr/fr/d5ffcf0b814edf0970af8053ccbd47c6/

[Ivana]

Hi,

Could you test this scenario with the latest version? This way we will know if the issue still persist, and if so it will be referenced for a further examination and we might be able to provide a solution for it.

Regards,
Ivana
the Telerik team