fb_pixel

Why when entering a phone number in the input field with an input mask, the cursor jumps to the end of the line?

Development | Programming languages
Description
On the input field, where the phone number should be entered.set the phone number entry mask.
But when you enter the number after each character input, the cursor jumps to the end of the number markup.

How to fix?
And why is this trouble in general?

There are no errors in the console.
I use the usual jquery plugin jquery.maskedinput.js

<script type="text/javascript">
 $(document) .ready(function() {
   $("#phone").mask("+ 7(999) 999-9999");
});
</script>

Input itself
<input type="text" name="your-phone" id="phone" placeholder="Phone in the format +7 xxx xxx xxx xx"/>

Attachments
No attachments
Info
Description
In styles, perhaps, text-align: right is specified.

on January 13th, 2020 (10:16 pm)
Description
Code is ok, cursor in same place. Maybe is a problem in browser setting.

<script type="text/javascript">
 $(document) .ready(function() {
   $("#phone").mask("+ 7(999) 999-9999");
});
</script>
<input type="text" name="your-phone" id="phone" placeholder="Phone in the format +7 xxx xxx xxx xx" />


on January 14th, 2020 (9:52 pm)
All coments
This job has not been commented yet.