JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ubilabs.github.io/geocomplete/jquery.geocomplete.js"></script>
<div id="googlePlace">
<input type="text" name="input-geo" id="input-geo"/>
</div>
<div id="logs">
</div>
JavaScript
$("#input-geo").geocomplete().bind("click",function(e){
e.stopPropagation();
});
$(document).on("click",function(e){
console.log("event propagate to body");
$("#logs").append("<span>Event propagated to body</span><br/>");
});