JSFiddle - React, Tailwind, and code Playground

by Chazz09

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places&language=en"></script>

<form class="searchform" method="get" action="">
<input id="searchfield" type="text" name="search" autocomplete="on" />
<input class="formbutton" type="submit" value="Search" />
</form>

CSS

#searchfield {
    width:300px
}

JavaScript

$(document).ready(function() 
{
    var pac_input = document.getElementById('searchfield');

// prevents enter key to submit form//	
$('#searchfield').keydown(function (e) {
  if (e.which == 13 && $('.pac-container:visible').length) return false;
});	
// prevents enter key to submit form//


(function pacSelectFirst(input){
    // store the original event binding function
    var _addEventListener = (input.addEventListener) ? input.addEventListener : input.attachEvent;

    function addEventListenerWrapper(type, listener) {
    // Simulate a 'down arrow' keypress on hitting 'return' when no pac suggestion is selected,
    // and then trigger the original listener.

    if (type == "keydown") {
      var orig_listener = listener;
      listener = function (event) {
        var suggestion_selected = $(".pac-item.pac-selected").length > 0;
        if (event.which == 13 && !suggestion_selected) {
          var simulated_downarrow = $.Event("keydown", {keyCode:40, which:40})
          orig_listener.apply(input, [simulated_downarrow]);
        }

        orig_listener.apply(input, [event]);
      };
    }

    // add the modified listener
    _addEventListener.apply(input, [type, listener]);
  }

  if (input.addEventListener)
    input.addEventListener = addEventListenerWrapper;
  else if (input.attachEvent)
    input.attachEvent = addEventListenerWrapper;

})(pac_input);

$(document).ready(function() 
{
function initialize() {
 var options = {
  types: ['geocode'],
  componentRestrictions: {country: "fr"}
 };
 var autocomplete = new google.maps.places.Autocomplete(pac_input, options);
}
   google.maps.event.addDomListener(window, 'load', initialize);
});
});