Blazorise icon indicating copy to clipboard operation
Blazorise copied to clipboard

[Bug]: NummericPicker : Cursor always jumps to the end

Open danik121 opened this issue 1 year ago • 4 comments

Blazorise Version

1.3.1 - 1.4.0

What Blazorise provider are you running on?

Bootstrap5

Link to minimal reproduction, or a simple code snippet

When I use Group Separator and enter value.

Steps to reproduce

<NumericPicker TValue="decimal?" @bind-Value="forecast" DecimalSeparator="," groupSeparator="." /> image

What is expected?

the cursor should work as usual

What is actually happening?

Cursor always jumps to the end of the input when decimal bigger then 999

What browsers are you seeing the problem on?

tested in chrome

Any additional comments?

No response

danik121 avatar Oct 17 '23 14:10 danik121

any updates?

danik121 avatar Nov 27 '23 08:11 danik121

This problem mainly comes from the BLazor declarative approach. It can occasionally we seen with React and Angular to some extent. What usually helps is changing the Value updating approach.

Try adding a Debounce, eg.

<NumericPicker TValue="decimal?" @bind-Value="forecast" DecimalSeparator="," groupSeparator="." Debounce />

If that doesn't help, you can try disabling the Immediate mode

<NumericPicker TValue="decimal?" @bind-Value="forecast" DecimalSeparator="," groupSeparator="." Immediate="false" />

stsrki avatar Nov 27 '23 10:11 stsrki

@stsrki unfortunately it doesn't help. link to video

https://github.com/Megabit/Blazorise/assets/8233518/ca619521-2e40-4031-b69f-834d4b352630

danik121 avatar Nov 29 '23 10:11 danik121

will it be fixed?

danik121 avatar Jan 03 '24 08:01 danik121