[Solved] Weird behaviour with combo box under Firefox

[IrishManInUSA]

If you go to our site www.baudville.com and search for item 71238RD and click on the personalize and add to cart, and then select the drop down for Anniversary year, it seems to jump off to the right in any version of Firefox. Any help on this would be appreciated, thanks.

 

 

<tr style="display: none;" id="trQualFlagA" runat="server">

 

 

 

<td nowrap="nowrap">

 

 

 

<span id="Span1">Anniversary Year</span>

 

 

 

</td>

 

 

 

<td>

 

 

 

 

<rad:RadComboBox ID="radDdlYear" runat="server" NoWrap="false"

 

 

 

Skin="Vista" Width="50px" AutoPostBack="false" OnClientSelectedIndexChanged="changeYear"

 

 

 

EnableScreenBoundaryDetection="false" EnableVirtualScrolling="false">

 

 

 

</rad:RadComboBox>

 

 

 

<rad:RadTextBox ID="radTbAnnivYear" Style="width: 20px; display: none;" TextMode="SingleLine"

 

 

 

runat="server" MaxLength="2">

 

 

 

</rad:RadTextBox>

 

 

 

</td>

 

 

 

<td>

 

 

 

&nbsp;

 

 

 

</td>

 

 

 

</tr>

 

[Kamen Bundev]

Hi John,

Thank you for contacting us.

If you change the display: inline you've set to the containing TR element to display: inline-block, the RadComboBox will calculate its position properly. The problem is that TR in Firefox has display: table-row set by default and the display: inline setting has a very negative effect because it is making it part of the flow.

Let me know if this solution fixes your problem.

Greetings,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[IrishManInUSA]

That fixed it, thank you for your help.

[IrishManInUSA]

I know the original post was with Firefox, but I am getting something very similar in IE8 and not sure what the solution is. I tried the solution below in dev environment and that didn't seem to fix it.

search for product 79337 and notice how when you click on the dropdown that it shoots off to the right. Kind of a cool feature, but not something I want, any idea on what is going on. This is the html on the aspx page before it is rendered.

<table

 

id="tblParentChild" runat="Server">

 

 

 

<tr runat="server" id="trParentChild">

 

 

 

<td width="315" valign="bottom">

 

 

 

<span class="bold-copy">Please make your selection below:</span>

 

 

 

<rad:RadComboBox ID="radDdlParentChild" runat="server" NoWrap="true" Skin="Vista"

 

 

 

Width="140px" EnableScreenBoundaryDetection="false" OnClientSelectedIndexChanged="selectParentChild">

 

 

 

</rad:RadComboBox>

 

 

 

</td>

 

 

 

</tr>

 

 

 

</table>

 

[Kamen Bundev]

Hi John,

Do you still have this issue, I can't seem to reproduce it? The only RadComboBox on that page seems to open up okay without visual glitches in the default for your site IE7 Compatibility mode.

Greetings,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.