JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"></div>

CSS

#box {
    width:200px;
    height:150px;
    background-color:beige;
    border:1px solid black;
}
.red{
    background-color:red !important;
}

JavaScript

$(function() {
    $("#box").resizable();
    $(".ui-resizable-handle").dblclick(function(ev){
    ev.stopPropagation();
    })
    $(document).dblclick(function(e){
        console.log("double-clicked on ",  e.target);
        $("#box").toggleClass("red");
    });
    
});