Internet Explorer で切り取られた選択ドロップダウン コンテンツを修正する方法?

var selectElement = document.getElementById("select_1");

selectElement.addEventListener("click", function() {
    // Calculate the width of the longest option
    var longestOptionWidth = 0;
    for (var i = 0; i < selectElement.options.length; i++) {
        var optionWidth = selectElement.options[i].textContent.length * 8; // Assuming 8px per character width
        if (optionWidth > longestOptionWidth) {
            longestOptionWidth = optionWidth;
        }
    }

    // Set the dropdown width to the longest option width
    selectElement.style.width = longestOptionWidth + "px";
});