Chrome ничего не показывает и не может быть нажат

Question

Я просто попытался выбрать и в моих начальных тестах (FF) работал нормально, но теперь проверка в других браузерах - нет.

В Firefox, Explorer, Edge отлично показывается, но в Opera или Chrome ничего не отображается и не доступен для просмотра, но при проверке источника присутствуют элементы списка.

Я вижу образец страницы в хроме и работает, поэтому на моей стороне что-то не так, но я не могу даже начать смотреть на нее. Любые советы приветствуются.

Версии: (не работает) Chrome: 44.0.2403.157 Opera: 12:16 (1860)

Версия рабочего: Firefox 40.0.3 IE: 11.0.9600.17937

Jquery : 1.6.4 (скачан вчера и обслуживается локально, а не в CDN) Избранный 1.4.2 (скачан вчера)

Вы можете видеть на картинке поведение. IN FF, IE, выпадающий список показывает страны, как ожидалось.

Вы можете попробовать это сейчас в http://eventos.ai.org.mx/encuentro/registration.php и можете получить файлы, если нужно.

Также есть тот же экран в FF.

Спасибо за ваше время и любую помощь,

Answer 1

В таблице стилей chosen.css на строке 160 есть определенный класс .chosen-container .chosen-results. Добавить плавающее свойство к классу:

.chosen-container .chosen-results { 
    color: #444; 
    position: relative; 
    overflow-x: hidden; 
    overflow-y: auto; 
    margin: 0 4px 4px 0; 
    padding: 0 0 0 4px; 
    max-height: 287px; 
    -webkit-overflow-scrolling: touch; 
    float: left; 
    width: 99%; 
} 

float: left; будет толкать его на место.

width: 99%; установит правильную ширину для каждой строки.