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

Always set the caret at the beginning when field is empty

5 Answers 116 Views

MaskedTextBox

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

5 Answers, 1 is accepted

answered on 21 Apr 2014, 11:42 AM

Hi,

I tried the demo, and the problem is still here. (the demo uses 2014.01.416, not sure if this is the latest build).

Way to reproduce the issue:

1. Select for instance the credit card input, and remove the data.
2. Go back to the field. Exepcted: always put the caret at the beginning. But ti does not.

Btw, I've solved the issue myself. Here is the on focus method:

.on("focus" + ns, function() { that._oldValue = DOMElement.value;
if (!element.val()) { caret(element, 0); } else { that._timeoutId = setTimeout(function() { element.select(); }); } })

answered on 15 Jan 2015, 01:24 PM

Hi

For those that cannot update kendo (to not alter a production app maybe) here is how I fixed it:

I added a onfocus event on the maskedtexebox input :

$("#themaskedboxid").bind("focus", function () {

           if (this.createTextRange) {
               var part = this.createTextRange();
               part.move("character", 0);
               part.select();
           } else if (this.setSelectionRange) {
               var maskedinput = this;
               setTimeout(function () {
                   maskedinput.setSelectionRange(0, 0);
               }, 0)
           }
       });