Form auto select when input is disabled

Question

I am trying to auto select text in an input field when it is clicked, but when the field is disabled the auto select doesn't work.

Here is my Html:

<input type="text" class="form-control" ng-model="gameId" select-on-click disabled="true">

And here is my JavaScript:

angular.module('Admin').directive('selectOnClick', function(){
    return {
        restrict: 'A',
        link: function(scope, element, attrs){
            element.on('click', function(){
                this.select();
            });
        }
    };
});

I would like the text to be selectable when the form is disabled, how can I do that?

Text can't be selected when the input is disabled, it just doesn't work that way — adeneo
– adeneo, Commented May 24, 2015 at 16:33

Community · Accepted Answer · 2017-05-23 12:14:25Z

1

The disabled attribute doesn't allow text to be selected. A solution is to use the readonly attribute.

However it should be noted that they don't provide exactly the same behaviour, this is expanded upon in more detail in this post

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered May 24, 2015 at 16:45

Oliver Barnwell

4914 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Form auto select when input is disabled

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related