vafada / chosen-dojo

Dojo Port of Chosen (https://github.com/harvesthq/chosen)

Chosen

Chosen is a library for making long, unwieldy select boxes more user friendly.

• Dojo: 1.7+

Chosen Dojo

This a port of Chosen (more specifically, a port of Chosen MooTools version).

Chosen Credits

• Built by Harvest. Want to work on projects like this? We’re hiring!
• Concept and development by Patrick Filler
• Design and CSS by Matthew Lettini
• MooTools port of Chosen by Jules Janssen
• Port to Dojo by Mark Bryan Yu

chosen-dojo's Issues

SyntaxError: An invalid or illegal string was specified

Hi!

I have a problem (and a solution). When I use the chosen-dojo in a application I've built I get the error message:
"SyntaxError: An invalid or illegal string was specified".
In the application I use Dojo 1.9.3 and the select is part of a template for a widget (which extends "_WidgetBase, _Container, _LayoutWidget, _TemplatedMixin, _WidgetsInTemplateMixin").

I tried the index.html file that comes with chosen-dojo and updated dojo to 1.9.3 and everything worked ok.
But not in my application. I'm not shure what it is that's causing this, but i have found a solution.

in chosen-dojo.js row 16:
dojo.query('>', this).forEach(function (child) {

if I change that line to:
dojo.query('option', this).forEach(function (child) {

everything seems to be working ok.
Is this a change that can/should be implemented to this respository?

max_selected_options property should be available in this library.

Cuplicates created after liszt:updated published on multiselect

if you publish the liszt:updated event on a multiselect object that has a selection it will get added every time the publish is called. easy way to replicate this is on index.html to change the multi_select_change. if you make 2 selections you will see the output gets duplicated multiple times (after 2nd select).

        function multiple_select_change() {
        var select_object = dojo.byId('select2');
        var select_div = dojo.byId('multiple_msg');

        var selected_values = [];

        for (x=0;x<=select_object.length;x++)
         {
            if (select_object[x] && select_object[x].selected)
            {
             selected_values.push(select_object[x].value);
            }
         }

        select_div.innerHTML = 'Selected value = ' + selected_values;
// added to cause problems
        dojo.publish('liszt:updated', [select_object]); 
        dojo.publish('liszt:updated', [select_object]); 
        }

Line number 10 have some issue

on line number 10 there is extra 'comma' at the end..which should not be there due to that it fails in IE < 8

choice destroy issue

steps to reproduce the issue.

1. select first item.
2. select second item.
3. remove anyone item from list.
4. then click on search items textbox to add more item.
5. list did not get populated on click but if you click again list get populated.