Проблема с совместимостью IE -11 с <select> тегом

Question

У меня возникла проблема с выпадением select в IE11. Если выпадающий список содержит один элемент option, он не расширяется при выборе параметров. option перекрывает select, что затрудняет выбор.

Пример: У меня есть раскрывающийся, который состоит из элемента «Ajitesh»

<select> <option> Ajitesh </option> </select> 

В приведенном выше коде в то время, выбрав «Ajitesh» выпадающего не расширяется вниз.

Answer 1

Вы могли бы попытаться содержать одну опцию в opt-group теге так:

<select> 
    <optgroup label=""> 
     <option value="Ajitesh">Ajitesh</option> 
    </optgroup> 
</select> 

В противном случае, вы можете просто добавить еще - или много - пустых тегов опции, как:

<select> 
    <option value="Ajitesh">Ajitesh</option> 
    <option value=""></option> 
</select> 

Редактировать: Обратите внимание, что это поведение по умолчанию IE11 (и других), то есть оно было разработано, чтобы запретить использование выпадающего списка только с одним вариантом. Если вы не хотите добавлять пустой элемент, нет возможности изменить поведение браузера по умолчанию - это просто невозможно, учитывая ваши обстоятельства.