TextBox + RadInputManager + IE6 = width problem

2 posts, 0 answers
  1. Denis
    Denis avatar
    18 posts
    Member since:
    Feb 2009

    Posted 08 May 2010 Link to this post

    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.
  2. Dimo
    Admin
    Dimo avatar
    8479 posts

    Posted 11 May 2010 Link to this post

    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.
Back to Top