harvesthq/chosen — Issue #437: Items not displaying when dropdown is opened
Author: ryexley
Created: 2012-01-11 15:11:57+00:00
State: open

I've created a *very* simple select list and applied the chosen plugin to it, and I've attempted to follow the provided examples as closely as possible (though I wish there was more/better documentation for the available plugin options...am I missing something?), and yet for some reason, when I open the list (click the dropdown) on the resulting list, Firefox (9.0.1) is the only browser that displays the available options.

I'm using plugin version 0.9.5, and this is my code:

Most recent first

Oldest first

// JS
$(function () {
$('#sort-order').chosen({ allow_single_deselect: true });
});

The control seems to render itself just fine, the search box is there, and it's even sized appropriately for the number of items/options in the list, but the items/options themselves aren't displayed in any modern browser other than Firefox. Inspecting the element in both Firebug and Chrome dev tools appear to indicate that the problem is with the CSS for `ul.chzn-results` and its contained `li`s, though I'm not completely certain of that. More details and version information is below. If anyone has any ideas what the problem might be and/or how to get around it, that would be much appreciated.

OS: Windows 7 (64 bit)
jQuery: 1.7.1
Chosen: 0.9.5
Google Chrome: 16.0.912.75 (doesn't work in this browser)
Safari: 5.1.2 (7534.52.7) (doesn't work in this browser)
Internet Explorer: 9.0.8112.16421 (doesn't work in this browser)
Firefox: 9.0.1 (works in this browser)