🐞 - Number + postfix (with leading space) adds unnecessary spaces on paste of decimal number

[mariorudloff]

Which package(s) are the source of the bug?

@maskito/kit

Playground Link

https://stackblitz.com/edit/bsm8fn?file=index.ts&hideExplorer=1

Description

When you use these settings to configure Maskito:

const maskitoOptions: MaskitoOptions = maskitoNumberOptionsGenerator({
  postfix: ' EUR',
  thousandSeparator: '.',
  decimalSeparator: ',',
  precision: 2,
  decimalZeroPadding: true,
  minusSign: '-',
});

Then its possible to paste extra spaces into the field between the postfix and the number.
This only happens when the field is completely empty.

Steps:

• Load Page and see empty maskito input
  
• paste 1234,12 into the input (with trailing spaces)

Expected:

Saw:

Maskito version

3.2.0

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android

[nsbarsukov]

Prerequisites

const maskitoOptions: MaskitoOptions = maskitoNumberOptionsGenerator({
  postfix: ' EUR', // with leading space!
  precision: 2,
});

Test cases

• Insert number with integer part only (with trailing spaces) - no bug ✅

  12        
  

• Insert number with decimal part (with trailing spaces) - bug ❌

  1.2       
  

[nsbarsukov]

For contributors – dont forget to write some Cypress tests.

Example:

maskito/projects/demo-integrations/src/tests/kit/number/number-thousand-separator.cy.ts

Lines 160 to 166 in ea490b0

	it('paste value with extra leading and trailing spaces', () => {
	cy.get('@input')
	.paste(' 123456 ')
	.should('have.value', '123 456')
	.should('have.prop', 'selectionStart', '123 456'.length)
	.should('have.prop', 'selectionEnd', '123 456'.length);
	});

[AndreiBelokopytov]

Hey! Can I get this one?