Option to select the text on focus about angular-xeditable HOT 5 CLOSED

Something like this might work (jquery 1.7+)

$(document).ready(function () {
    $('html').on('focus', 'input.editable-input', function () {
        $(this).select();
    });
});

from angular-xeditable.

I first tried than inside app.run() thought it didn't work as expected.
But mine is a complex app , with many templates , partials and directives.

from angular-xeditable.

angular-xeditable has own activation method, so we need to apply select() in the next tick:
http://jsfiddle.net/NfPcH/153/

from angular-xeditable.

Is it possible to make options out of this (and other show behaviors)?

For example, clear-on-show=true or select-on-show=true that would clear and highlight the field being edited. I'm happy to submit a PR for this, if you can point me in the right direction.

from angular-xeditable.

Updated @vitalets fiddle to angularjs 1.6 because I'm not exactly following what was made available via those commits. http://jsfiddle.net/NfPcH/21066/

from angular-xeditable.