Incorrect work with mask array in Vue

[Sendoo]

Hi!

https://stackblitz.com/edit/vitejs-vite-z5vijgjk?file=src%2Fcomponents%2FHelloWorld.vue

Why might the mask array not work correctly here?
For example, the mask 'AA#A #AA' does not work
I enter DD2D and the mask deletes the 2nd symbol and it turns out D2D

[mateusfmello]

I have a different problem, but it also involves masks using an array.

I need to handle three formats:

0800 123 4567 (0800 is mandatory at the beginning)
12 34567 8901
12 3456 7890

I'm using three masks:

0800 ### #### For: 0800 123 4567
## ##### #### For: 12 34567 8901
## #### #### For: 12 3456 7890

This way, only the mask ## #### #### works, but if I remove 0800 ### ####, the other two start working again.

https://stackblitz.com/edit/vitejs-vite-6jw6cck7?file=src%2Fcomponents%2FHelloWorld.vue

[beholdr]

When array is used, masks sorted and applied by length of each mask. You can use a dynamic mask for better targeting of your case. For example: https://stackblitz.com/edit/vitejs-vite-xzng9x5g?file=src%2Fcomponents%2FHelloWorld.vue

[stevenhurth]

I'm also encountering issues with using an array of masking options.

We use maska to dynamically change which mask to apply for postal codes on an address form, based on the selected country. The United Kingdom, Guernsey, Isle of Man, and Jersey have many different postal code options.

<input type="text" v-maska :data-maska="['@# #@@', '@## #@@', '@@# #@@', '@@## #@@', '@#@ #@@', '@@#@ #@@', 'GIR0AA', 'BFPO ####']" data-maska-tokens="0:[0-9]:optional" autocomplete="off" />

For example, Derbyshire (DE7 5QG), London (SW1A 1AA), Manchester (M1 1AE), and many many more.

I know I can handle this manually, but it just seems that using an array of masking options should be accounted for in the package? Or maybe I'm just missing something? I'm no maska expert like you guys, but the findMask method seems like a great place to filter down the available mask options, prior to just popping the first one in the opts everytime.

Using the Derbyshire example ...

Key: D

• maska filters possible options == ['@# #@@', '@## #@@', '@@# #@@', '@#@ #@@', '@@## #@@', '@@#@ #@@']
• the first option is applied

Key: E

• maska filters possible options == ['@@# #@@', '@@## #@@', '@@#@ #@@']
• the first option is applied

Key: 7

• maska filters possible options == ['@@# #@@', '@@## #@@', '@@#@ #@@']
• the first option is applied

Key: 5

• maska filters possible options == ['@@# #@@', '@@## #@@', '@@#@ #@@']
• the first option is applied

Key: Q

• maska filters possible options == ['@@# #@@']
• this is the only option left, so continually apply it until masking is complete