title: Grey box rendering StandaloneSearchBox of react-google-maps
body: <p>I have the next error: <a href="https://i.stack.imgur.com/hq4uQ.jpg" rel="nofollow noreferrer">grey box in form image</a></p>
  <p>when I'm rendering StandaloneSearchBox import from react-google-maps, sometimes appear or disappear that grey box over the text input</p>
  <p>this is my code:</p>
  <pre><code>render() {
  new window.google.maps.places.SearchBox('HOL');
  return (
    &lt;div className=&quot;g-autocomplete&quot;&gt;
      &lt;StandaloneSearchBox
      
        onPlacesChanged={this.onPlacesChanged}
        ref={searchBox =&gt; { this.searchBox = searchBox; }}
        &gt;
        &lt;input
          className={this.props.className ? this.props.className : ''}
          type=&quot;text&quot;
          placeholder={this.props.placeholder ? this.props.placeholder : ''}
          style={this.state.defaultStyle}
        /&gt;
        
      &lt;/StandaloneSearchBox&gt;
      
    &lt;/div&gt;
  
  
  
  );
  </code></pre>
  <p>}</p>