JSFiddle - React, Tailwind, and code Playground

HTML

<div class="randBox">
    <canvas width="250px" height="100px" id="box"></canvas> 
    <!--width and height of the canvas is dynamic. I've used a fixed size for this example.-->
</div>

CSS

#box{
    background-color: red;
}

.ui-resizable-se{
    background-color: blue;
    width: 10px !important;
	height: 10px!important;
	bottom: 0px !important; /* E.g.: I want this at -15px */
	right: -5px !important; /* E.g.: I want this at -15px */
	display: block !important;
}

JavaScript

jQuery('#box').resizable({
	handles: 'se'
});