JSFiddle - React, Tailwind, and code Playground

by Oleg Kiriljuk

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/redmond/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.js"></script>
<div dir="rtl" style="width=100%;height:100%"> <!-- simulate RTL HTML body -->
    <div style="margin-top:20px;margin-left:100px;margin-right:100px;">
        <div id="test" style="background-color:yellow;width:100px;height:100px" ></div>
    </div>
</div>

JavaScript

//$("body").attr("dir", "rtl");
$("#test").resizable({handles: "e,w"});