Issue with number formatting when using custom culture

[Christophe]

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. 

 

[Dimitar]

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