NumericTextBoxes and Focus

[sitefinitysteve]

Ok so MVVM is creating my numeric textboxes...and I initalize them to 0.

Problem though is when I tab from item to item it selects the 0 then immediatly deselects it and puts the cursor before the 0.  So that means the user has to delete the 0 instead of just starting to type in the new value

<input id="myfood-serving-count" type="text" class="my-food-nutinfo-input count" value="1"  data-role="numerictextbox" data-bind="value: measure.size" data-min="0" />

Video: http://www.screencast.com/t/nS2s5XpGio

[Alexander Valchev]

Hi Steve,

This behaviour is not supported out of the box. As a workaround I suggest to hook up to the focus event of the corresponding inputs and select the value. Thus way the user will not need to delete the previous number.

In this jsFiddle you can find an example using this approach in action.

All the best,
Alexander Valchev
the Telerik team

[Anton Mironov]

Hi,

I would like to share with you that as of Kendo UI version 2020 R3, our team has added the "selectOnFocus" property covering the pointed requirements in this thread.  For your future web development, feel free to utilize this implementation shown here:

 

<input id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox({
    selectOnFocus: true
});
</script>

If you have any questions about the new functionality don't hesitate to contact us.

Kind Regards,
Anton Mironov
Progress Telerik