Click event not triggered on document

[bluecollarcoder]

I am using this plugin in a project:

<select
  selectpicker="selectpicker"
  data-none-selected-text="Select"
  ng-model="..."
  ng-options="..."
  name="..."
  required="required"
  class="form-control"
></select>

I have listeners in the directive listening for click events:

angular.element($document[ 0 ].body).bind('click', function(event) {
  console.log('CLICK');
});
$document.on('click', function (e) {
  console.log('CLICK');
});

When the selectpicker control is clicked, the first click handler gets triggered, but the second does not. It seems that the click event never propagates to the document.