JSFiddle - React, Tailwind, and code Playground

by Mohit Kumar Gupta

HTML

<div style="border:1px solid #000;padding:10px;width:150px;overflow:hidden;">
    <select id="drpTechnology" style='width:150px'>
        <option value="-1">Browse me..</option>
        <option value="1">Short Option</option>
        <option value="2">Little bigger than short Option</option>
        <option value="3">Largest option available with this select box</option>
    </select>
    <div>

CSS

body {
    font-family:10pt;
    padding :10px;
}

JavaScript

$(document).ready(function () {
    $("#drpTechnology").mousedown(function () {
        if ($.browser.msie) {
            $(this).css("width", "auto");
        }
    });
    $("#drpTechnology").change(function () {
        if ($.browser.msie) {
            $(this).width(150);
        }
    });
    $("#drpTechnology").blur(function () {
        if ($.browser.msie) {
            $(this).width(150);
        }
    });
});