title: StopPropagation react google maps autocomplete
body: <p>I would like to stopPropagation of <a href="https://react-google-maps-api-docs.netlify.app/#autocomplete" rel="nofollow noreferrer">https://react-google-maps-api-docs.netlify.app/#autocomplete</a>.</p>
  <p>The autocomplete works well but I need to use it in a popover and when I select a place the popover automatically closes.</p>
  <p>If there is another library that works well with popovers and modals</p>
  <pre><code>const [autocomplete, setAutocomplete] = useState&lt;any&gt;(null);
          const onLoad = (auto: any) =&gt; {
              if (!autocomplete) {
                  setAutocomplete(auto);
              }
  
          };
  
          const onPlaceChanged = () =&gt; {
              if (autocomplete) {
  
                  console.log(autocomplete?.getPlace());
  
              } else {
                  console.log('Autocomplete is not loaded yet!');
              }
          };
  
  &lt;Autocomplete
                              onLoad={onLoad}
                              onPlaceChanged={onPlaceChanged}
                          &gt;
  
                              &lt;chakra.input
                                  type='text'
                                  as={Input}
                                  placeholder='Customized your placeholder'
                                  style={{
                                      boxSizing: `border-box`,
                                      border: `1px solid transparent`,
                                      width: `240px`,
                                      height: `32px`,
                                      padding: `0 12px`,
                                      borderRadius: `3px`,
                                      boxShadow: `0 2px 6px rgba(0, 0, 0, 0.3)`,
                                      fontSize: `14px`,
                                      outline: `none`,
                                      textOverflow: `ellipses`,
                                      position: 'absolute',
                                      left: '50%',
                                      marginLeft: '-120px',
                                      animationName: 'none',
                                      zIndex: 9999,
                                  }}
                              /&gt;
                          &lt;/Autocomplete&gt;
  </code></pre>