InputMask: Dynamic mask change issue

[Zebnastien]

Describe the bug

When you try to change mask dynamically, nothing happen unless you rerender the component. This is not an expected behaviour. The reason seems to be the mask to be set on the onMounted hook inside the component.

Reproducer

https://codesandbox.io/s/primevue-input-mask-bug-c276yc

PrimeVue version

3.23.0

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

As seen on the codesanbox link, here are the steps:

1. Create a page with an component.
2. Set :mask=variableMask props.
3. Dynamically change the mask value in "variableMask".
4. contemplate the invariance of the mask in the input.

Expected behavior

Mask should change whenever a binded value changes.

[Zebnastien]

Thanks for your work 👍🏼

There is still an issue. Switching mask dynamically while typing cause caret to jump to the end (or to the start in case of deletion). This make using this component hard if you plan to switch mask according to the start of your input value.