Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

When I use mask="delimiter.2" and delimiter="." default shows with comma. Angular 13

See original GitHub issue

🐞 bug report

Description

I used a mask like this:

<input autocomplete="off" type="text" decimalMarker="." mask="separator.2">

add data via reactive forms:

    formControl.setValue(400.25);

🔥 Exception or Error

shows like this:


400.25 -> 400,2
255.43 -> 255,4

Also write text after the number will remove those numbers

🌍 Your Environment

Angular Version:


    "@angular/core": "^13.3.7",
    "@angular/forms": "^13.3.7",
    "ngx-mask": "^13.1.14",

Everything works fine in this version.

“ngx-mask”: “^12.0.0”

Issue Analytics

State:
Created a year ago
Reactions:4
Comments:5

Top GitHub Comments

1reaction

StephaneVacommented, Nov 22, 2022

Hello,

Same report here with ‘separator’, the following use case worked in v12 but fails in v13 & v14

When user’s browser language is in ‘fr’ And angular component has public value = 1234.56; And angular template has :

input: <input mask="separator.2" [(ngModel)]="value"><br/>
pipe: {{value | mask:'separator.2'}}

Then browser should display:

input: 1 234.56
pipe: 1 234.56

but since v13, the input value in browser is 1 234,56. The pipe is still OK.

It’s maybe due to https://github.com/JsDaddy/ngx-mask/blob/develop/projects/ngx-mask-lib/src/lib/mask.service.ts#L246 since in those browser Number(1234.56).toLocaleString('fullwide', {useGrouping: false, maximumFractionDigits: 20, }) returns "1234,56"

Should ‘fullwide’ could be replaced by ‘en-US’ instead, since Number(1234.56).toLocaleString('en-US', {useGrouping: false, maximumFractionDigits: 20, }) returns "1234.56" ?

1reaction

mrpiacommented, Dec 14, 2022

this fix might help, this was committed after the upgrade to angular 14

could someone please try to release a patch for angular 13 version?

UPDATE: commit doesn’t help