JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<div id="wrapper">
        <ol class="items">
            <li>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula magna et diam tincidunt laoreet. Cras in nulla lorem, eget rhoncus nibh. Vivamus sed mauris non odio egestas varius. Maecenas pharetra, ipsum vitae feugiat ultricies, dolor diam eleifend tortor, a rhoncus nibh ligula id sem. Proin iaculis euismod turpis eleifend congue. Nulla pulvinar consectetur mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam fringilla tincidunt venenatis. Vestibulum sit amet urna mi. Donec elementum cursus augue ac vulputate.
                </p>
            </li>
            <li>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula magna et diam tincidunt laoreet. Cras in nulla lorem, eget rhoncus nibh. Vivamus sed mauris non odio egestas varius. Maecenas pharetra, ipsum vitae feugiat ultricies, dolor diam eleifend tortor, a rhoncus nibh ligula id sem. Proin iaculis euismod turpis eleifend congue. Nulla pulvinar consectetur mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam fringilla tincidunt venenatis. Vestibulum sit amet urna mi. Donec elementum cursus augue ac vulputate.
                </p>
            </li>
            <li>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula magna et diam tincidunt laoreet. Cras in nulla lorem, eget rhoncus nibh. Vivamus sed mauris non odio egestas varius. Maecenas pharetra, ipsum vitae feugiat ultricies, dolor diam eleifend tortor, a rhoncus nibh ligula id sem. Proin iaculis euismod turpis eleifend congue. Nulla pulvinar consectetur mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per...

CSS

body {
    background: #fff;
    font-family: Helvetica, Arial, sans-serif;
}
#wrapper {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
}
ol {
    list-style: decimal;
    padding: 1em 2em;
}
li {
    margin: 0 0 20px 0;
}

JavaScript

$('.items').sortable({
    revert: false,
    placeholder: 'placeholder',
    forcePlaceholderSize: true,
    scroll: true,
    cursor: 'move',
    axis: 'y'
});