IE6 select problems

[Goce]

Hi,
I'm trying to use this ComboBox in a public page that has to work on IE6, and having lots of problems.

It doesn't properly cover the SELECT element, even tough it is advertised that it does!
I'm using LoadOnDemand with Webservice and if the user types very quickly the SELECT elements under the drop down are still visible. Pressing backspace or pausing in typing corrects the problem. My observation is that the code (Javascript) that is trying to detect the height of the drop down div and placing iframe behind it is not working correctly, the iframe hight ends up been 15px - is there a method that I can call to correct this? I tryed calling showDropDown in OnClientItemsRequested, but it flickers...

Next, I have set ShowWhileLoading="False" and/or OpenDropDownOnLoad="false", but the drop down still shows.
I added this OnClientDropDownOpening="OnClientDropDownOpening" but the method never gets called.

Most important is that the documentation for Client-Side is at best basic. "The following table lists the most important methods of the client-side RadComboBox object:" - where is the rest?

[Simon]

Hi Goce,

Thank you for writing to us.


Regarding the client-side documentation of RadComboBox, it actually lists the most commonly used and public methods and properties of the control.

Since we do not provide documentation of the rest, I suggest you inspect the client-side object of RadComboBox at run-time with a debugger, i.e. FireBug for FireFox. Doing this will give you information about the whole API of the client-side object.


I was unable to understand what is the issue you are experiencing. Could you provide more detailed information, or ideally, assemble a simple demo site, which shows the issue and send it to me? In the latter case, I would be able to investigate the issue right way and provide further guidance faster.


Best wishes,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Goce]

Ok, I'll try to be more clear:
We have something like this

   <telerik:RadComboBox ID="Occupation" runat="server" AllowCustomText="false" EnableLoadOnDemand="True" EnableItemCaching="true"
                    EnableTextSelection="True" Filter="Contains" LoadingMessage="Loading..." MaxHeight="182px" OpenDropDownOnLoad="false"
                    NoWrap="True" ShowDropDownOnTextboxClick="False" ShowToggleImage="False" ShowWhileLoading="False" TabIndex="-1"
                    OnClientItemsRequesting="OnClientItemsRequesting" Skin="WebBlue" Width="100%" OnClientItemsRequested="OnClientItemsRequested">
                    <ExpandAnimation Type="Linear" />
                    <WebServiceSettings Path="~/Controls/ASCOOccupationWebService.asmx" Method="GetOccupations" />
                </telerik:RadComboBox>
   <select>
    <option selected="selected" value=""></option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="07">07</option>
    <option value="08">08</option>
</select>

And in IE6 most of the times the select element is visible right true the drop-down list of elements.
Best way to reproduce it for us is if I type "mann" the web service returns nothing (this is right behavior) and than I quickly type "backspace" followed by "a" (which makes up "mana") the webservice returns list of "manager" occupations and the select box is visible trough the list. I discovered that the iframe that is supposed to cover the select box is only 15px ling instead of184px in our case. I have found workaround and if anyone (including your team) need it is here (it is going in testing today):

function OnClientItemsRequested(sender, eventArgs){var delay = function() { fixIFramSize(sender) }; setTimeout ( delay, 50 );}

                 function fixIFramSize(sender){
                    var dd = sender.get_dropDownElement();
                    var ifrm = dd.parentNode.getElementsByTagName('iframe');
                    if(ifrm && ifrm.length > 0){ifrm[0].style.height = dd.offsetHeight;}
                 }

Another bug that our test team detected is this call reports wrong length eventArgs.get_text().length when space, ">" etc characters are used. For example "m " reports 4 instead of 2, the reason is the get_text() returns "m%20".

[Simon]

Hello Goce,

Thank you for the details.

The first issue with the overlay we have logged in our bug-tracking system. I also added the solution your suggested to the bug info, so that our developers examine it as well.

Regarding the wrong text length, could you specify in which event handler it occurs? I tried in the ItemsRequesting event handler without success - the text was returned in its original form.

Best wishes,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Goce]

Hi Simon,
It is in OnClientItemsRequesting.
I used this as first line alert(eventArgs.get_text()); and if I type m> reports m%3E which would report 4 instead of 2 if I do this eventArgs.get_text().length;

I would provide screen shot if you like but don't know how...

[Simon]

Hello Goce,

Thank you for the details.

This issue has been fixed since v2009.1.414 of Telerik.Web.UI.

In order to obtain the fix please download the Latest Internal Build, which includes the fix.

Sincerely yours,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Rasin Vadim]

Hi telerik team.

I've downloaded the last internal build (V2009 Q1 Build 519) to get the work around for the bad behaviour of the combobox in ie6.

Now i am facing complete diffrent issues...

It appears that all my items that start with english words dont work! i cant click on them! More over the items with hebrew words are displayed 10 pixels to the left of the right border.

I am using vista skin with rtl support.

<telerik:RadComboBox ID="rcbBunches" runat="server" Width="184px" Skin="WebBlue"
                EnableLoadOnDemand="True" dir="rtl" AutoPostBack="True" MarkFirstMatch="false" CausesValidation="false"
                OnSelectedIndexChanged="rcbBunches_SelectedIndexChanged" ShowWhileLoading="false" EnableEmbeddedSkins="false"
                LoadingMessage="<%$ Resources:Telerik, ComboBox_LoadingMessage %>"
                EmptyMessage="<%$ Resources:Telerik, ComboBox_EmptyMessage %>"
                ErrorMessage="<%$ Resources:Telerik, ComboBox_ErrorMessage %>">
                <ExpandAnimation Type="none" />
                <CollapseAnimation Type="none" />
                <WebServiceSettings Path="Services/Bunches.asmx" Method="GetBunches" />
            </telerik:RadComboBox><asp:HiddenField runat="server" ID="hiddenBunch" />

Please provide with a solution ASAP because i had  to upgrade my application from a very old asp.net version and now i am stuck with something that doesn't work!

Thanks in advance,
Vadim.

[Rasin Vadim]

Hi telerik team.

I've downloaded the last internal build (V2009 Q1 Build 519) to get the work around for the bad behaviour of the combobox in ie6.

Now i am facing complete diffrent issues...

It appears that all my items that start with english words dont work! i cant click on them! More over the items with hebrew words are displayed 10 pixels to the left of the right border.

I am using vista skin with rtl support.

<telerik:RadComboBox ID="rcbBunches" runat="server" Width="184px" Skin="WebBlue"
                EnableLoadOnDemand="True" dir="rtl" AutoPostBack="True" MarkFirstMatch="false" CausesValidation="false"
                OnSelectedIndexChanged="rcbBunches_SelectedIndexChanged" ShowWhileLoading="false" EnableEmbeddedSkins="false"
                LoadingMessage="<%$ Resources:Telerik, ComboBox_LoadingMessage %>"
                EmptyMessage="<%$ Resources:Telerik, ComboBox_EmptyMessage %>"
                ErrorMessage="<%$ Resources:Telerik, ComboBox_ErrorMessage %>">
                <ExpandAnimation Type="none" />
                <CollapseAnimation Type="none" />
                <WebServiceSettings Path="Services/Bunches.asmx" Method="GetBunches" />
            </telerik:RadComboBox><asp:HiddenField runat="server" ID="hiddenBunch" />

Please provide with a solution ASAP because i had  to upgrade my application from a very old asp.net version and now i am stuck with something that doesn't work!

Thanks in advance,
Vadim.

[Simon]

Hello Rasin Vadim,

This seems to be a CSS-related issue.

Could you please open a support ticket and send your project there? We will inspect the issue closely and will either fix it or provide a workaround.

Greetings,
Simon
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.