This is a migrated thread and some comments may be shown as answers.

TextBox + RadInputManager + IE6 = width problem

1 Answer 48 Views
Input
This is a migrated thread and some comments may be shown as answers.
Denis
Top achievements
Rank 1
Denis asked on 08 May 2010, 09:40 PM
Hello,

I'm using latest internal build: 2010.1.504.20.
I'm experiencing strange problem when using TextBox and RadInputManager in in IE6. The TextBox width becomes bigger when I click submit button several times. And return back to original size when I hover it.
In short, I have outer div that specifies width, inner div that specifies padding. TextBox, RadInputManager and submit button are inside inner div. Pretty simple, XHTML and CSS are fine there.

<html xmlns="http://www.w3.org/1999/xhtml"
<head runat="server"
    <title></title
    <style> 
        .btb {float:left;width:245px;} 
        .btb .inner {color:#FFFFFF;padding:40px 10px 20px;} 
        .contact-txt input, 
        .contact-txt textarea 
        {margin-bottom: 10px; color: #666666 !important;} 
        .contact-txt .contact-msg-txt textarea 
        {height: 90px; margin-bottom: 5px;} 
        .contact-txt .RadInputMgr_Default 
        {border-color: #277596 !important; width: 100%;} 
        .contact-btn 
        {float: right; text-decoration: none; color: #33CCFF;} 
        .contact-btn:hover 
        {text-decoration: underline;} 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"
    <asp:ScriptManager ID="ScriptManager1" runat="server"
    </asp:ScriptManager> 
     
    <div class="btb"><div class="inner"
        <div class="contact-txt"
        <div class="contact-msg-txt"
            <asp:TextBox runat="server" ID="MessageText" TextMode="MultiLine" ValidationGroup="Contact" /> 
        </div> 
        </div> 
        <asp:LinkButton ID="LinkButton1" ValidationGroup="Contact" runat="server" Text="Send" CssClass="contact-btn" /> 
    </div></div
    <telerik:RadInputManager  ID="ContactRadInputManager" runat="server"
        <telerik:TextBoxSetting BehaviorID="MessageBehavior" EmptyMessage="Message" ErrorMessage="Please enter message" 
                                Validation-IsRequired="true" Validation-ValidationGroup="Contact"
            <TargetControls> 
                <telerik:TargetInput ControlID="MessageText" /> 
            </TargetControls> 
        </telerik:TextBoxSetting>     
    </telerik:RadInputManager> 
    </form> 
</body> 
</html> 

Just try to run following code with latest internal build in IE6 (unfortunately there is no way to attach test project to this thread).

Thank you,
Denis.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 11 May 2010, 02:40 PM
Hello Denis,

I am able to replicate the problem without RadInputManager on the page. The issue is caused by the 100% textarea width. Please modify your custom styles (e.g. set a pixel width).

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Input
Asked by
Denis
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or