maska (masking library) and display-value weird interaction

[isaackearl]

I have a combobox input (vue 3) that I'm trying to implement masking on via maska. It works fine, but the problem is that when the page loads, the display-value tries to set the value in the box, and it triggers input/change events which maska responds to, and at the end of that, the combobox is open (the options are showing). If I remove display-value from the Comboboxinput the input/change events are no longer fired, and everything works great, other then my previously selected value or any other value I select doesn't show in the box.

Does anybody have a masking solution they are using that actually works with a combobox input? I've tried a few and they all have the same issue as far as I can tell.

Is there a way for me to manually override the display-value and set one via some other method? I tried setting query.value, the v-model etc, but if I don't use display-value I simply can't get the value to populate visibly for the user.

maybe I can somehow implement maska so it only applies the masking on the query input itself.... hrmm.

I don't really have a code sample to post atm (not allowed to with work stuff), but maybe later when I get home I can make a simple reproduction on my machine and post it here.