Fix Single-Decimal Auto-Complete on Blur

JsDaddy · May 7, 2024 · 10e4fcd · 10e4fcd
1 parent e7f7c8e
commit 10e4fcd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/projects/ngx-mask-lib/src/lib/ngx-mask.directive.ts b/projects/ngx-mask-lib/src/lib/ngx-mask.directive.ts
@@ -692,7 +692,7 @@ export class NgxMaskDirective implements ControlValueAccessor, OnChanges, Valida
                         maskExpression.length
                     )
                 );
-                if (precision > 1) {
+                if (precision > 0) {
                     el.value = this.suffix ? el.value.split(this.suffix).join('') : el.value;
                     const decimalPart = el.value.split(this.decimalMarker)[1] as string;
                     el.value = el.value.includes(this.decimalMarker)

diff --git a/projects/ngx-mask-lib/src/test/emit-events.cy-spec.ts b/projects/ngx-mask-lib/src/test/emit-events.cy-spec.ts
@@ -32,6 +32,19 @@ describe('Directive: Mask (emit-events)', () => {
         cy.get('#pre').should('have.text', '7');
     });
 
+    it('should add trailing zero when mask="separator.1" and leadZero="true"', () => {
+        cy.mount(CypressTestMaskComponent, {
+            componentProperties: {
+                mask: 'separator.1',
+                leadZero: true,
+            },
+            imports: [CypressTestMaskModule],
+        });
+
+        cy.get('#masked').type('9').blur().should('have.value', '9.0');
+        cy.get('#pre').should('have.text', '3');
+    });
+
     it('should emit event only when mask is correct with suffix separator2', () => {
         cy.mount(CypressTestMaskComponent, {
             componentProperties: {