Remove doesnt work on mask chars

[Samuell1]

Hi, its a way to enable removing chars from input that are in mask? (separating chars like: -, / , _,..)

[probil]

Hi, @Samuell1
You can delete separating chars right now without any issue.
I don't understand your question. Can you please, explain it deeper?
I'd like to solve the issue you have but I need more information

[Samuell1]

When I try to delete text AA-####-AAAA and I start deleting using backspace from the last char, deleting stops at AA-####- ...IDK how to explain it better way, I am simply not able to delete that separator (-) without highlighting the whole AA-####-AAAA or moving behind separator with arrows on my keyboard or mouse.

[probil]

So, format is: AA-####-AAAA
And you are typing something like: sA-4254-DbtZ
Then you try to delete chars with backspace and you suck at sA-4254-, right?

Btw, what version are you using? For Vue 2.X or Vue 1.X?

[Samuell1]

I am using Vue 2 and I am using only your function format() in my own custom component on input tag

[probil]

So, the issue is not in v-mask. But in your implementation.
Check here how I have solved the issue
In short, I have cached the length. If the previous length is longer then new one I don't call format at all. Because in this case, Backspace/Del was pressed.

Btw, v-mask now supports Vue 2.0

[Samuell1]

I think i have same function for changing value for input

            var new_value = value

            if (this.mask) {
                var previous = ''

                if (previous.length < value.length) {
                    new_value = this.format(value, this.mask)
                    previous = new_value
                }
            }

            this.currentValue = new_value

[Samuell1]

I find it! previous.length every time returning 0 :D . I edited it to

            var new_value = value

            if (this.mask) {
                if (this.previousValue.length < value.length) {
                    new_value = this.format(value, this.mask)
                }
                this.previousValue = new_value
            }

            this.currentValue = new_value