Select all (Ctrl+a) keyboard button not working for input filed inside the HTML5 sortable

Question

I've used this HTML5 sortable plugin for drag-drop. Inside that draggable section, I've editable text filed. At the time of editing, when I tried to select all text of input field by keyboard command ctrl + a, I noticed that the text had not been selected. At first, I don't understand what's the problem. For testing, I put a normal textarea inside sortable content and noticed that also not works! So, this is the issue of HTML5 sortable plugin. Here is my fiddle where you can see that first editable text's input (which is outside/above of "Sortable Content start:" text) is working by ctrl + a command where remaining input fields inside sortable content don't work with ctrl + a. How can I fix this?

Answer 1

Adding this to your code should do it:

$('.section-sortable').keydown(function(e){
    if (e.keyCode == 65 && e.ctrlKey) {
        e.target.select()
    }

})

It basically listens to keydown event on your section and if the keydown detects a Ctrl-A it "selects" the target.

Fiddle