JSFiddle - React, Tailwind, and code Playground

by nunks

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<li class="dropdown-toggle" ng-controller="SearchCtrl as ctrl">
  <md-input-container class="search-main">
    <label>Pesquisa</label>
    <input  ng-keyup="ctrl.loadSearchResults(search)" ng-model="search.term">
  </md-input-container>
  <div class="search-results" ng-if="ctrl.openModalSearch" ng-include="'views/search.html'"></div>
</li>

CSS

.search-results {
  width: 100px;
  height: 100px;
  margin: 10px 10px;
  background-color: yellow;
}

JavaScript

document.addEventListener('click', evt => {
	if (evt.path.indexOf(document.querySelector('div.search-results')) < 0) {
  	alert('fora no div!');
  } else {
  	alert('dentro do div!');
  }
}, true);