IE 9 multiple arrows

[zach]

Hey everyone,

Thanks in advance for the help.

I have a RadComboBox that is showing multiple drop down arrows.  It only does this in IE9.  Below is my markup. 

<telerik:RadComboBox runat="server" ID="cboState" Width="300px" AllowCustomText="false" MarkFirstMatch="true" />

I have also included a picture of what is happening.

Thanks,

-zd

[Ivana]

Hello Zach,

This is not an usual behavior. Could you test our online demos to see if this behavior is replicated in there, too?

Also, could you verify that you are not using any custom styles on the page, by which RadComboBox is affected?

All the best,
Ivana
the Telerik team

[zach]

Ivana,

Thanks for the update.  We ended up fixing the issue.  It was an inline style on the table created by RadComboBox.  The style is table-layout:fixed.  We added an overriding style and the issue was fixed.

<table style="width: 100%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-collapse: collapse; table-layout: fixed;" summary="combobox">

Also to add I think this is a bug on our page.  Because the ComboBox works fine on other pages.  I wonder if it is the way the control is being rendered to the client? 

Thanks,

Zach Davis

[Ivana]

Hi,

To see how the controls are rendered on the client, you could use the developer tools that go with the browser you use.
For Mozilla Firefox it is Firebug, for IE it is Developer Tools, etc.

All the best,
Ivana
the Telerik team