JSFiddle - React, Tailwind, and code Playground

by kgorsky

HTML

<div class="container">
    <div class="row">
        <select name="MySelect">
            <option>Option 1</option>
        </select>
    </div>
</div>

<div class="message"><strong>Message:</strong></div>

CSS

.container { display:none; }
.row select { width:94%; }

.message { margin-top:40px; }

JavaScript

$('.message').append("<br />$('.row select').width() is returning <b>" + $('.row select').width() + '</b> when Container is hidden.');
$('.container').show();
$('.message').append("<br />$('.row select').width() is returning <b>" + $('.row select').width() + '</b> when Container is shown.');