issue 1112 - emit click event before delegating to hidden file input click

Author: javadoug

src/dropzone.coffee

@@ -123,6 +123,7 @@ class Dropzone extends Emitter
     "maxfilesexceeded"
     "maxfilesreached"
     "queuecomplete"
+    "click"
   ]
 
 
@@ -362,6 +363,7 @@ class Dropzone extends Emitter
     dragover: (e) -> @element.classList.add "dz-drag-hover"
     dragleave: (e) -> @element.classList.remove "dz-drag-hover"
 
+    click: noop
     paste: noop
 
     # Called whenever there are no files left in the dropzone anymore, and the
@@ -714,6 +716,7 @@ class Dropzone extends Emitter
           "click": (evt) =>
             # Only the actual dropzone or the message element should trigger file selection
             if (clickableElement != @element) or (evt.target == @element or Dropzone.elementInside evt.target, @element.querySelector ".dz-message")
+              @emit "click", evt
               @hiddenFileInput.click() # Forward the click
             return true
 

test/test.coffee

@@ -475,7 +475,16 @@ describe "Dropzone", ->
           dropzone.clickableElements.should.eql [ document.body, clickableElement ]
         it "should throw an exception if the element is invalid", ->
           expect(-> dropzone = new Dropzone element, clickable: ".some-invalid-clickable").to.throw "Invalid `clickable` option provided. Please provide a CSS selector, a plain HTML element or a list of those."
-
+        it "should emit a 'click' event when element is clicked", ->
+          dropzone = new Dropzone element, clickable: clickableElement
+          callbackCount = 0
+          callback = (evt) ->
+            callbackCount++
+          dropzone.on "click", callback
+          event = document.createEvent "HTMLEvents"
+          event.initEvent "click", true, true
+          clickableElement.dispatchEvent event
+          callbackCount.should.eql 1