Почему пропадает выделение в input после element.select()?

Question

[Роман]

Всем привет!
Столкнулся с необходимостью выделить значение в текстовом поле при фокусе.
Написал для этого простенькую директиву:

function inputFocusDirective() {
    return {
        restrict: "A",
        link: function (scope, element, attrs) {
            element.on("focus", function () {
                scope.$apply(function() {
                    element.select();
                });
            });
         }
    }
}

Все бы хорошо, но происходит следующее:
при событии "фокус" значение в поле выделяется, затем выделение пропадает и курсор перемещается в первую позицию значения, которое было в тот момент в поле.
Сначала думал, что это проделки BootStrap v3.2.0 - отключил, не помогло
Потом, что JQuery (версия 1.11.1) - аналогично
Потом, что AngularJs (v1.2.26)

В конце-концов, написал самый простой (по моему) мнения вариант:
<input type="text" onfocus="this.select()">

Результат аналогичный - при событии "фокус" значение в поле выделяется, затем выделение пропадает и курсор перемещается в первую позицию значения, которое было в тот момент в поле.

Answer 1

[Alexander Sydorenko]

Попробуй это решение

<input onClick="this.setSelectionRange(0, this.value.length)" value="Sample Text" />

Comments

[Роман]

Спасибо :) Заработало!