Select text on focus

 
You will need to use setTimeout to achieve your goal. Check this jsFiddle demo.

$('.k-input').on('focus', function () {
        var input = $(this);
        setTimeout(function () { input.select(); });
    });

 We cannot modify the default behavior because it would be a breaking change. We recommend opening a new feature request in our feedback portal.

Hello Allan,

In general our wrappers render the HTML and JavaScript needed to initialize a Kendo UI widget. The widget options propagate to the client-side via the widget initialization script. The Telerik UI for ASP.NET Core does not make any difference and works in the same way. 

Given this in order to change the behavior in .Net Core controls we should eventually change it in the Kendo UI NumericTextBox for JavaScript. Definitely this will be rather a breaking change with our current behavior and this can cause different behavior in existing projects of many our customers. We are trying to avoid introducing breaking changes so we do our best to find a workaround/solution to achieve this behavior  without modifying the source code of our widgets (in cases when such modification will introduce a breaking change with the current behavior). Currently my suggestion is to go with the solution provided in the http://docs.telerik.com/kendo-ui/controls/editors/numerictextbox/how-to/select-all-on-focus how-to article. 

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

Kind Regards,
Anton Mironov
Progress Telerik

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

Kind Regards,
Anton Mironov
Progress Telerik

[/quote]

This does not work on its declarative init counterpart though:

Hello Jason,

Try the following implementation for the Kendo UI NumericTextBox:

<kendo-numerictextbox name="numeric" select-on-focus="true"></kendo-numerictextbox>

Best Regards,
Anton Mironov
Progress Telerik

Hi Anton

This doesn't appear to work on a numeric textbox within a grid.  I have updated the EditorTemplates to include this, but it still appears to make no difference.  Am I missing something?

Thanks

Andy

Hello,

Attached to my response is a sample project using the latest version of the suite. It utilizes the Kendo UI NumericTextBox as an editor for a column. It appears to be working as expected. Can you confirm this on your side?

It would be very helpful if you could share the relevant code snippets for the grid and editor templates. As well as, the suite of Kendo UI that you are using.

Kind regards,
Tsvetomir
Progress Telerik

Hi Tsvetomir

Sorry for the delay, the email went to my junk.   Will review today and get back to you.

Andy

Hi Tsvetomir

I am using a new version of the Kendo UI  (Version 2020.3.1118), the version in your sample is 2020.2.617

The supplied sample you shared doesn't actually apply a select on focus to the Order ID field, which highlights my issue.

When the numeric textbox is used as an editor for the grid, the select on focus is not applied, and tabbing to the field doesn't highlight the number, but sets focus to the end of the value (i.e. after the value).

My understanding of the automatic templates used for grid editing is that it uses the templates in the shared\editortemplates directory, so altering these will alter how the controls are displayed?

My issue is that when editing a grid in-line, I need the select on focus set, so a user can tab between fields editing / adding values and the previous value is highlighted.

Andy

Hi Andy,

I apologize for the misinformation. I have attached the sample project that I used as a base rather than the modified version. I am reattaching the correct one to my response.

The editor templates located within the EditorTemplates folder of the project are data type-specific. The attached sample has different editors for the OrderID and the Freight due to the fact that the latter one is of decimal data type whereas OrderID is of type integer.

You could examine the "Decimal.cshtml" file that has the select-on-focus property enabled.

Best regards,
Tsvetomir
Progress Telerik