JSFiddle - React, Tailwind, and code Playground

HTML

<ul id='sortable'>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

JavaScript

var sorting = false;

$(document).keydown(function( event ) {
    if (event.keyCode === $.ui.keyCode.ESCAPE) {
        if (sorting) {
            $('#sortable').sortable('cancel');
        }
    }
});

$('#sortable').sortable({
    revert: '150',
    start: function() { sorting = true; },
    stop: function() { sorting = false; }
});