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

Can't edit text in any of the RadTextBoxes

4 Answers 201 Views
Input
This is a migrated thread and some comments may be shown as answers.
Robert Verderber
Top achievements
Rank 2
Robert Verderber asked on 07 Jan 2011, 05:54 PM

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">
</telerik:RadTextBox>

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.

Thanks,

Robert





4 Answers, 1 is accepted

Sort by
0
Veli
Telerik team
answered on 13 Jan 2011, 09:26 AM
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.

Greetings,
Veli
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.
0
Charles
Top achievements
Rank 1
answered on 11 Feb 2011, 05:35 PM
I have same issue with radtextbox..... no javascript on page and not receiving any errors when debugging????
0
Charles
Top achievements
Rank 1
answered on 11 Feb 2011, 05:45 PM
Found Compatability settings the issue. Turned Compatibility on all works fine, turn it off its all broken...
0
Ed
Top achievements
Rank 1
answered on 15 Dec 2011, 04:18 PM
<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">
</span>

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?

 

Tags
Input
Asked by
Robert Verderber
Top achievements
Rank 2
Answers by
Veli
Telerik team
Charles
Top achievements
Rank 1
Ed
Top achievements
Rank 1
Share this question
or