JSFiddle - React, Tailwind, and code Playground

by djwave28

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/tags/1.7.2/themes/base/ui.resizable.css">
<div id="my_element"></div>
<span id="text">0</span> window resize events triggered!

CSS

#my_element {
    width: 100px;
    height: 100px;
    background: red;
}

JavaScript

$(function () {
    var resizes = 0;

    $(window).on('resize', function () {
        $('#text').text(++resizes);
    });
    $('#my_element').resizable({
        create: function (event, ui) {
            $(this).parent().on('resize', function (e) {
                e.stopPropagation();
            });
        }
    });
});