vue-the-mask icon indicating copy to clipboard operation
vue-the-mask copied to clipboard

How to keep mask while user is typing

Open AlexandreLocas opened this issue 4 years ago • 2 comments

Hi, is there a way to keep mask displayed while user is typing ?

Thank you

AlexandreLocas avatar Jun 16 '20 17:06 AlexandreLocas

You can make a wrapper div and set your input with transparent background and absolute position

<div  style="position: relative">
   <p>###.###.###</p>
  <input type="tel" v-mask="'###.###.###'" style="background: transparent; position: absolute; top: 0; left: 0;" />
</div>

Didn't test it but should work just fine

eduPHP avatar Sep 03 '20 19:09 eduPHP

It would be great to have somethink like that https://imask.js.org/guide.html#overwrite

Manviel avatar Apr 06 '21 12:04 Manviel