Fire 'input' event before 'change' (proto)

coffee/chosen.proto.coffee

@@ -506,6 +506,7 @@ class @Chosen extends AbstractChosen
       @search_field.setStyle({'width': w + 'px'})
 
   trigger_form_field_change:  ->
+    Chosen.trigger(@form_field, 'input')
     Chosen.trigger(@form_field, 'change')
 
   @trigger: (element, eventType) ->

spec/proto/events.spec.coffee

@@ -0,0 +1,32 @@
+describe "Events", ->
+  it "chosen should fire the right events", ->
+    tmpl = "
+      <select data-placeholder='Choose a Country...'>
+        <option value=''></option>
+        <option value='United States'>United States</option>
+        <option value='United Kingdom'>United Kingdom</option>
+        <option value='Afghanistan'>Afghanistan</option>
+      </select>
+    "
+
+    div = new Element("div")
+    document.body.insert(div)
+
+    div.update(tmpl)
+    select = div.down("select")
+    expect(select).toBeDefined()
+    new Chosen(select)
+
+    event_sequence = []
+    document.addEventListener 'input', -> event_sequence.push 'input'
+    document.addEventListener 'change', -> event_sequence.push 'change'
+
+    container = div.down(".chosen-container")
+    Chosen.trigger(container, "mousedown") # open the drop
+    expect(container.hasClassName("chosen-container-active")).toBe true
+
+    #select an item
+    Chosen.trigger(container.select(".active-result").last(), 'mouseup')
+
+    expect(event_sequence).toEqual ['input', 'change']
+    div.remove()