JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Click and drag should get an alert in FF but that is the undesirable behavior:
</p>
<div>
<ol id='sortableFields'>
    <li>Click to reorder 1</li>
    <li>Click to reorder 2</li>
</ol>

</div>

CSS

div {
  padding:1em;
}

JavaScript

$("#sortableFields").on("click", "li", function() {
    alert("This is the problem seen in ff");
});
$("#sortableFields").sortable({
    items: "li",
 /* helper: "clone",  A WAY TO FIX IT */
    update: function(event, ui) {
        console.log("Updating")
    }
});