JSFiddle - React, Tailwind, and code Playground

HTML

<span id="jqueryload"></span>

<input type="text" placeholder="No resize event proc" />

CSS

input {
    width: 270px;
    -webkit-transition: width 400ms ease,background 400ms ease;
    -moz-transition: width 400ms ease,background 400ms ease;
    -o-transition: width 400ms ease,background 400ms ease;
    transition: width 400ms ease,background 400ms ease;
}

input:hover {
    width: 400px;
}

JavaScript

$(document).ready(function() {
    $('#jqueryload').html('jQuery Loaded<br />');
    
    $('input').resize(function() {
        $(this).val('Resize? Nope!');
    });
});