Incomplete render when changing font size

[MikeP]

Code:

<telerik:RadTextBox ID="CIContactNameTxt" Runat="server" Width="550px">
     <EnabledStyle Font-Size="Medium" />
</telerik:RadTextBox>

When using IE10, the text in the control does not render fully until the box gets focus. I tested this on 3 different computers with IE10. It renders properly with IE9, Chrome & FireFox. Regular textboxes render properly as well. I've attached screen snippets as well. No CSS changes.

Thanks,

Mike

[MikeP]

Update: If I use regular ASP textbox controls and add them to a RadInputManager they look correct upon initial render. It only seems to be affected when using a RadTextBox.

Mike

[Edward]

Mike,

I have also seen this problem in IE10, but it turns out it is not caused by the RadTextBox itself, but the way it works. The EnabledStyle is serialized and applied client side.

If you JavaScript to change the font-size in IE10, you will get the same result in regular input element. Here is some forum I have found:
http://stackoverflow.com/questions/15641082/ie10-body-load-issues-when-setting-element-font-styles

You can use EnabledStyle-CssClass to set class that to be used, and style your TextBox with CSS to avoid the problem

Ed

[MikeP]

Ed,

Thank you for responding.

I figured it was something in the way that IE10 was rendering the content, but since the Telerik control provides a way to supply the setting, I figured they should know about the issue and see if there was a work around, which you provided.

I haven't been able to figure out how to get the Enabled-CssClass to work as it won't pick up my settings, but I'm sure I'm just not formatting the style sheet properly. I'm new to the controls and am still trying to navigate my way around the controls and settings. I'll continue to work on it, but consider the issue solved.

Thanks again!

Cheers,

Mike