JSFiddle - React, Tailwind, and code Playground
HTML
<button id="crash" type="button">Click Me to Crash Chrome</button>
<div class="Draggable">
<div class="Header"></div>
</div>
JavaScript
$("#crash").click(function () {
var $draggable = $(".Draggable");
for (var i = 0; i < 200000; i++) {
$draggable.append("<div></div>");
}
//$draggable.draggable({
// handle: ".Header",
// containment: "body"
//});
// At a very high level, this now crashes Chrome:
// $(".Header").click();
// The following line is the portion of clicking on a
// header on a draggable widget that results in Chrome crashing.
//$.ui.ddmanager.prepareOffsets($draggable.data("ui-draggable"));
// ...which is then distilled down to this:
$draggable.find(":data(ui-droppable)");
$draggable.html("Didn't crash");
});