JSFiddle - React, Tailwind, and code Playground

HTML

<div class="basic-filter-select titled-section">
    <select action="/uk/Screener/AsyncFundTypes" class="basic-filter-select fund-types-select"
        name="peerGroupIds" id="Select1">
        <option value="-1">All fund types</option>
        <option name="Close End Fund" value="2">Close End Fund </option>
        <option name="Open ended funds" value="1">Open ended funds </option>
        <option name="Variable Annuity" value="8">Variable Annuity </option>
        <option name="Variable Life" value="10">Variable Life </option>
    </select>
    <select action="/uk/Screener/AsyncDomiciles" class="basic-filter-select funds-select"
        name="fundTypeIds" id="Select2" style="width: 179px;">
        <option value="-1">All funds</option>
        <option value="0">Non ETFs</option>
    </select>
    <select action="/uk/Screener/AsyncAssetTypes" class="basic-filter-select domicile-select"
        name="domicileIds" id="Select3" style="width: 179px;">
        <option value="-1">All domiciles</option>
        <option value="UK">United Kingdom</option>
    </select>
    <select action="/uk/Screener/AsyncSectors" class="basic-filter-select asset-focus-select"
        name="assetClassIds" id="Select4" style="width: 179px;">
        <option value="-1">All asset focus</option>
        <option value="9">N/A</option>
    </select>
    <select action="/uk/Screener/AsyncProviders" class="basic-filter-select sectors-select"
        name="sectorIds" id="Select5" style="width: 179px;">
        <option value="-1">All sectors</option>
        <option value="2721">Asia ex Japan Equity</option>
        <option value="1388">Asia-Pacific ex-Japan Equity</option>
        <option value="1389">Asia-Pacific inc. Japan Equity</option>
        <option value="1571">BRIC Equity</option>
        <option value="1489">Capital Protected</option>
        <option value="1492">CHF Aggressive Allocation</option>
        <option value="1391">China Equity</option>
        <option...

CSS

.basic-filter-select 
{
    width: 550px;
}

.basic-filter-select select 
{
    width: 179px;
    overflow: visible ;
}

JavaScript

function badFixSelectBoxDataWidthIE($) {
    if ($.browser.msie) {
        $('select').each(function () {
            if ($(this).attr('multiple') == false) {
                $(this).mousedown(function () {
                    if ($(this).css("width") != "auto") {
                        var width = $(this).width();
                        $(this).data("origWidth", $(this).css("width")).css("width", "auto");

                        // If the width is now less than before then undo
                        if ($(this).width() < width) {
                            $(this).unbind('mousedown');
                            $(this).css("width", $(this).data("origWidth"));
                        }
                    }
                })

                // Handle blur if the user does not change the value
                .blur(function () {
                    $(this).css("width", $(this).data("origWidth"));
                })

                // Handle change of the user does change the value
                .change(function () {
                    $(this).css("width", $(this).data("origWidth"));
                });
            }
        });
    }
}

$(document).ready(function() {
    badFixSelectBoxDataWidthIE($);
});