IE takes 3 clicks to place a cursor

[Andy Yu]

We have found a problem in IE that doesn't exist in chrome. We need to click three times to place the cursor on the right position if we click on the numbers in the text field. Only two clicks are needed if the first click hits an empty spot on the text field.

This is reproducable on you sample site http://demos.telerik.com/aspnet-mvc/numerictextbox (Version Q1 2011, released 04/14/2011)

Three clicks:
Click on the number -127, this removes the decimals.
Click a second time on -127 selects the whole number.
Third click places the cursor in position.

Two clicks:
Click on the box with the number -127, but click on an emty spot, ie not the numbers. This selects the whole number.
Second click places the cursor in position.

The problem is clicking once and typing backspace navigates away from the page.

Is this a known issue?
Any workarounds?

Maybe make it configurable if the whole number should be selected or not, that would make it require only one click to place the cursor on the right position.

[Andy Yu]

I've managed to do a workaround for this problem by modifying telerik.textbox.js.

The numbers are actually a div that is covering the input box. Clicking on the numbers moves the focus to the input box and hides the div. The problem seems to be that the input box immediately looses focus in Internet Explorer. The workaround is to set focus on the input box again.

Put this code last in _focus (in the file telerik.textbox.js):

this.$element.focus();

Should look like this:
        _focus: function () {
        	this.$element
                .css('color', this.$text.css("color"));
 
            this.$text.hide();
            this.$element.focus();
           },

The modification is done in 2011.1.315.235.

[Georgi Krustev]

Hello Andy Yu,

 
This is a known issue, which I am glad to inform you is already addressed. The fix will be included in the next official release of Telerik extensions for ASP.NET MVC.

Regards,
Georgi Krustev
the Telerik team