Почему при вводе последнего символа происходит выделение в инпуте?

Question

[Valeriy1997]

При вводе последнего символа в инпут , происходит "самовыдиление" , как его убрать ?

<input id="phone" type="text" class="form-control" autofocus autocomplete="off" name="phone"  data-mask="[phone]" required/>

пробовал прописывать ему стили :

$("#phone").css("-moz-user-select", "-moz-none");
	$("#phone").css("-o-user-select:", "none;");
	$("#phone").css("-khtml-user-select", "none");
	$("#phone").css("-webkit-user-select", "none");
	$("#phone").css("-user-select", "none");

но это не работает.

Вот весь код в песочнице : jsfiddle.net/t52ka/44

Comments

[Денис Бочков]

У меня ничего не выделяется. Ввожу с клавиатуры

Answer 1

[Valeriy1997]

Выкладываю решение вопроса, так как вполне возможно , что у кого-то возникнет такая проблема.
Все дело в плагине Masked Input Plugin. Когда позиция совпадает с длиной маски , происходит выделение текста.
Вот эта строка:

pos == mask.replace("?", "").length ? input.caret(0, pos) : input.caret(pos);

её заменить на : writeBuffer(), input.caret(pos);

Answer 2

[Stalker_RED]

У вас там есть кусок кода, который просто изобилует SelectionRange и textRange. Мне сложно понять зачем этот кусок, но похоже, что выделение делает именно он.

Comments

[Valeriy1997]

Все дело в плагине : Masked Input Plugin; Странно , что все его юзают, но про него так мало инфы...