Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 01 Apr 2024 13:16 by ADMIN
Release 2024 Q2 (May)
Jamie
Created on: 24 Feb 2020 09:58
Category: NumericTextBox
Type: Feature Request
61
Always highlight / select all content of the input on focus

At the moment, the selection behavior of the NumericTextBox can vary depending on the Format - the Format is what is shown when the input does not have focus, and the Decimals control the actual number the user will see when they focus. Of both differ (for example, the Format has more decimal places, or some other information like a unit of measurement), the input value changes on focus, which removes the selection (highglight).

I would like the numeric textbox to always select all its content when it gets focused (either with the Tab key, or with a click).

Note on general input behavior - using Tab to focus in a field usually defaults to all the contents being selected, while a click results in a cursor without selection.

---

ADMIN EDIT

---

The request is initially opened for the NumericTextBox but also targets some other components that incorporate inputs, such as DatePicker.

Duplicated Items
10 comments
ADMIN
Dimo
Posted on: 08 Feb 2024 05:51

Hi Steve, 

Yes, I can confirm this feature request was recently short-listed in our backlog. However, the public status remains the single source of truth with regard to the implementation timeline.

Regards,
Dimo
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Steve
Posted on: 07 Feb 2024 22:55

This is by FAR the most requested enhancement requested by my users.  I have many multi-edit Grids that resemble spreadsheets, and the inconsistency between TextBox and NumericTextBox is really causing a lot of complaints.   My users want to have "heads down" entry of data into these grids, for example when entering 50-100 lines on a Purchase Order.   They can tab thru the Item Name and Vendor Number text fields but when they tab into the Qty or Costs field they have to backspace out the existing value, or select it with a mouse, before entering the new value.

I have not yet tried Marin's workaround because this seems like such a slam dunk enhancement that I cannot believe it is still in the Unplanned status.  Any update on a potential addition to a future release before I finally give up and try the JS workaround?

Brett
Posted on: 01 Nov 2023 00:49

Our users are really complaining about this because we use InCell editing with EdtorTemplates which provide a much better experience than the built-in editors on GridColumns.  

When the user clicks inside the cell, it does not highlight the text for Numeric editors so they have to double-click again to start typing over the existing numbers.

This would REALLY help us out if this were an option.  

I'm going to try to implement Marin's workaround.

Thanks!

ADMIN
Dimo
Posted on: 02 Jun 2023 12:26

Hello Chris,

Sorry, currently we are busy working on some big tasks (e.g. PivotGrid), which take up our dev resources.

I do agree this feature request is popular. As soon as we schedule it for implementation, its status will change. I pinged the product management just in case.

Regards,
Dimo
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Chris
Posted on: 02 Jun 2023 12:19

Any update on this topic ?  It has 41 votes and still unplanned ?
I tried to implement   suggestion and it works however in a grid situation I would believe it does not since there isn't a unique identifier for each instance of the numeric textbox.

 

ADMIN
Dimo
Posted on: 11 Aug 2022 06:30

Hi Greg,

I have raised the priority of this task in our internal backlog. The specific time frame for implementation is still not set, but you will receive a notification when we start, if you are following the item.

On a side note, I noticed that you haven't voted for it, so I did it on your behalf. Please do so whenever some item is important for you, as this helps us prioritize.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Greg
Posted on: 04 Aug 2022 19:04
Is this in development? This functionality is very desirable.
ADMIN
Marin Bratanov
Posted on: 28 Aug 2020 15:16

Here is a workaround that you can consider for the time being:

first, capture the focusin event

@inject IJSRuntime JsInterop

<span @onfocusin="@FocusInput" @ref="@InputWrapperRef">
    <TelerikNumericTextBox @bind-Value="@theValue" />
</span>

@code{
    int theValue { get; set; }
    ElementReference InputWrapperRef { get; set; }
    async Task FocusInput()
    {
        await JsInterop.InvokeVoidAsync("highlightInput", InputWrapperRef);
    }
}

then invoke JS that will find the first input and highlight its contents (focusing and manipulating text selection and ranges does not have "native" Blazor API yet)

    <script>
        function highlightInput(inputWrapper) {
            var input = inputWrapper.querySelector("input");
            if (!input) return;
            input.select();
        }
    </script>

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

ADMIN
Marin Bratanov
Posted on: 25 Feb 2020 11:47

Thank you for the context information, Jamie, I appreciate it.

We will consider exposing a feature for this, maybe event an enum that will let you control the highlight on focus (all ,or cursor at end, why not cursor at start). What I am saying is a preliminary idea, of course, once this gets reviewed in more detail, we will know more and update this item and the docs.

--Marin

Jamie
Posted on: 24 Feb 2020 15:23

Hi Support,

I use formatting to help distinguish between fields that are currency and others that might be quantity.

For me, the NumericTextbox I've implemented inside my forms are generally filled in by "number crunching" users and they usually just go with the flow of a form. Not worrying where the cursor is inside the selected field.

I've noticed that when the cursor is set at the end of the input field, some of my users just start typing and often end up adding numbers to an existing one.

Obviously this is only an issue when updating a form since generally speaking on creation my fields are set to 0 and this preceding 0 just ends up disappearing.

I would see this behaviour as complementary to the Numpad on their keyboards in terms of ease of use and speed.

I hope this helps to clarify a little bit.

Regards,

Jamie

Create an account Log In
View
Type
Status
Category