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

Issue with number formatting when using custom culture

1 Answer 39 Views
This is a migrated thread and some comments may be shown as answers.
Christophe
Top achievements
Rank 1
Christophe asked on 09 Apr 2019, 01:55 PM

I am experimenting with integrating the Kendo UI for VUE components into our application to see if we can use this library within our company.

As a test I used the NumericTextBox input. This works fine until I change to another culture, nl-BE in my case. This culture uses a comma as the decimal separator instead of a dot.

When I focus the field and enter a number with 2 decimals (e.g. 100,25), then the decimal numbers are removed when I move focus out of the input. Seems like the formatting logic is dropping them. If I try a second them it will accept them, but behaviour is miss and fire. It might go wrong on another attempt.

I forked the NumericTextBox input demo to demonstrate the issue:

https://stackblitz.com/edit/6r5ytn

If I manually modify the numberFormat settings in the kendo.culture.nl-BE.js file and set to the English version it works fine.

Tested on Chrome, FireFox and Safari. 

 

1 Answer, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 11 Apr 2019, 11:21 AM
Hello Christophe,

Thank you for the provided example.

The issue seems to be related to the Vue number modifier that is being used. In order to resolve the issue, simply use the default:
<kendo-numerictextbox v-model="number"></kendo-numerictextbox>

Here is an updated StackOverflow example.

Regards,
Dimitar
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Asked by
Christophe
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Share this question
or