Can't edit text in any of the RadTextBoxes

5 posts, 0 answers
  1. Robert Verderber
    Robert Verderber avatar
    33 posts
    Member since:
    Aug 2005

    Posted 07 Jan 2011 Link to this post

    I've been having an intermittent problem on a web application I’ve developed with RadTextBoxes. This is not happening a lot but occasionally I get calls from users who tell me that they cannot click on any of the textboxes on a page to edit the text. I originally thought that they were not clicking inside the actual text box. 

    Today one of the users allowed me to remote into their machine so I could see what was happening. The page rendered all the textboxes like they were there but I couldn’t click on any of them. Like they were just <div> tags. Javascript is enabled and everything else (including ajax calls) seem to be working fine. This doesn’t happen a lot but I have had enough reports of it that I start to investigate. 

    I’m using version 2010.2.713.35 of the ajax controls. The following is a sample control on the page (I do have 1 control that is set to readonly).

    <telerik:RadTextBox ID="txtBedrooms" runat="server" Width="40px" TextMode="SingleLine" SelectionOnFocus="CaretToEnd">

    Anyone know what could be happening here? I have been unable to reproduce the issue myself but have seen it remotely. I think the user was using IE8 but I’m not positive.






  2. Veli
    Veli avatar
    2002 posts

    Posted 13 Jan 2011 Link to this post

    Hello Robert,

    There might be a number of reasons for this behavior. Most commonly, this is cause by javascript errors on the page. A javascript error that occurs prior to the behavior you are testing might prevent javascript from executing any further. As Telerik RadInput controls use javascript for mouse cursor events like focus and blur, you may get the behavior you are observing as a result of javascript stopping execution. And if your browser is not explicitly set up to show javascript errors, you may not be getting any visual indication of an error.

    Alternatively, sometimes DOM bugs in Internet Explorer may cause weird visual and mouse cursor behavior. We have had issues in IE with RadInput controls getting focused after an AJAX call that updates  the control. Issues with such scenarios are very specific to the browser and usage behavior. Some can be worked around, but some cannot.

    In any case, to be able to advise you further, we would need to reproduce the behavior you are observing. If you manage to isolate this issue in a test page or a standalone sample project, please send it to us (attached in a regular support ticket), so that we can investigate it. Alternatively, if you can send us a live URL where we can observe this behavior, this can also help us identify what may be causing this issue.

    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. Charles
    Charles avatar
    10 posts
    Member since:
    Jan 2009

    Posted 11 Feb 2011 Link to this post

    I have same issue with radtextbox..... no javascript on page and not receiving any errors when debugging????
  4. Charles
    Charles avatar
    10 posts
    Member since:
    Jan 2009

    Posted 11 Feb 2011 Link to this post

    Found Compatability settings the issue. Turned Compatibility on all works fine, turn it off its all broken...
  5. Ed
    Ed avatar
    14 posts
    Member since:
    Dec 2010

    Posted 15 Dec 2011 Link to this post

    <span id="ctl00_mainContent_txtNameSuffix_wrapper" class="RadInput RadInput_Default" style="white-space:normal;">
    <input type="text" maxlength="10" size="20" id="ctl00_mainContent_txtNameSuffix_text" name="ctl00_mainContent_txtNameSuffix_text" class="riTextBox riEnabled" style="width:100%;">
    <input id="ctl00_mainContent_txtNameSuffix" name="ctl00$mainContent$txtNameSuffix" class="rdfd_" title="" style="visibility:hidden;margin:-18px 0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" type="text" value="">
    <input id="ctl00_mainContent_txtNameSuffix_ClientState" name="ctl00_mainContent_txtNameSuffix_ClientState" type="hidden" autocomplete="off">

    When the control is created it creates something like what you see above.

    The second input is the reason people can't click in the textboxes. It lies over the top of the visible textbox and prevents it from getting the focus. If you remove the margin: -18px 0 0 -1px from the style, it works.

    I've gotten this a lot as well. I can't reproduce it and it seems to occur more with our users from China, where the access to the site is a lot slower. Is there a reason the z-index couldn't be changed or something?


Back to Top