title: Click event in ng2-dragula bag not working
body: <p>I'm using Angular 2 and <code>ng2-dragula</code>.</p>
  
  <p>I want to make the drag 'n' drop items in a dragula bag clickable.</p>
  
  <p>This is my <strong>app.component.html</strong>:</p>
  
  <pre><code>&lt;div id="rootFrame"&gt;
      &lt;div class="tasksFrame"&gt;
          &lt;div id="tasksCont" class='container' [dragula]='"first-bag"'&gt;
              &lt;div (click)="onClick('ha')"&gt;Task 1&lt;/div&gt;
              &lt;div (click)="onClick('ba')"&gt;Task 2&lt;/div&gt;
              &lt;div (click)="onClick('ca')"&gt;Task 3&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="editorFrame"&gt;
          &lt;div id="editorCont" class='container' [dragula]='"first-bag"'&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div *ngIf="showProps" class="propertiesFrame"&gt;
          &lt;form&gt;
              Eigenschaft 1&lt;br&gt;
              &lt;input type="text" name="property1"&gt;&lt;br&gt; Eigenschaft 2&lt;br&gt;
              &lt;input type="text" name="property2"&gt;&lt;br&gt; Eigenschaft 3&lt;br&gt;
              &lt;input type="text" name="property3"&gt;&lt;br&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <code>onClick()</code> function is never called.</p>
  
  <p>My component <strong>app.component.ts</strong> looks like this:</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { DragulaService } from 'ng2-dragula/ng2-dragula';
  
  @Component({
      selector: 'my-app',
      templateUrl: 'app/app.component.html',
      styleUrls: ['app/app.component.css'],
      viewProviders: [DragulaService],
  
  })
  export class AppComponent {
  
  
      private showProps = false;
  
      constructor(private dragulaService: DragulaService) {
  
          dragulaService.setOptions('first-bag', {
              removeOnSpill: true,
              copy: (el: Element, target: Element, source: Element, sibling: Element): boolean =&gt; {
                  var editorcont = document.getElementById('editorCont');
                  return !target.contains(editorcont);
              },
              accepts: (el: Element, target: Element, source: Element, sibling: Element): boolean =&gt; {
                  var taskscont = document.getElementById('tasksCont');
                  return !target.contains(taskscont); // elements can not be dropped to Tasks Container
              },
  
          });
  
      };
  
      onClick(item: String) {
          //NOT FIRED
  
          var editorcont = document.getElementById('editorCont');
          // if(editorcont.contains(element)){
          //     this.showProps = true;
          // }
          // else{
          //     this.showProps = false;
          // }
      };
  }
  </code></pre>
  
  <p>I think it's because divs are in a dragula container. But how can I make the divs in the dragula container clickable?</p>