Tweak the tag editor widget to to propagate click events

Fixes #555

h/js/directives.coffee

@@ -271,6 +271,8 @@ tags = ['$window', ($window) ->
       caseSensitive: false
       placeholderText: attr.placeholder
       keepPlaceholder: true
+      propagateTagClicks: false
+      propagateRemoveClicks: false
       preprocessTag: (val) ->
         val.toLowerCase().replace /[^a-z0-9\-\_\s]/g, ''
       afterTagAdded: (evt, ui) ->

h/lib/tag-it.js

@@ -81,6 +81,12 @@
             // Whether to animate tag removals or not.
             animate: true,
 
+            // Whether to propagete the click events when removing tags
+            propagateRemoveClicks: true,
+
+            // Whether to propagete the click events on tabs
+            propagateTagClicks: true,
+
             // Optionally set a tabindex attribute on the input that gets
             // created for tag-it.
             tabIndex: null,
@@ -180,6 +186,11 @@
                 .click(function(e) {
                     var target = $(e.target);
                     if (target.hasClass('tagit-label')) {
+                        // Don't propagate this even, unless configured to
+                        if (!that.options.propagateTagClicks) {
+                          e.stopPropagation()
+                        }
+                        
                         var tag = target.closest('.tagit-choice');
                         if (!tag.hasClass('removed')) {
                             that._trigger('onTagClicked', e, {tag: tag, tagLabel: that.tagLabel(tag)});
@@ -439,6 +450,11 @@
                     .click(function(e) {
                         // Removes a tag when the little 'x' is clicked.
                         that.removeTag(tag);
+
+                        // Don't propagate this even, unless configured to
+                        if (!that.options.propagateRemoveClicks) {
+                          e.stopPropagation()
+                        }
                     });
                 tag.append(removeTag);
             }