JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<h4>jQuery UI 1.10.0 Resizable (Bug)</h4>
<p>Resizable with handles option is set to 'w' incorrectly changes left position to 'auto' when the element is resized.</p>

<p>To observe the behavior in question, attempt to resize the black element to the left.</p>


<div class="panel"></div>



<p>You can observe the correct behavior in jQuery UI 1.9.2 <a href="http://jsfiddle.net/gJxNT/13/embedded/result">here</a>.</p>

CSS

h4 { font-size: 1.1em; margin: 1em .5em; }
p { margin: 1em; }
.panel {
    position:absolute;
    right: 20px;
    top: 10em; 
    height: 100px;
    width: 100px;
    background: #000;
}
iframe {
    width: 100%;
    bottom: 0;
}

JavaScript

$('.panel').resizable({ handles: 'w' });