Javascript 谷歌自动完成模式对话框HTML5

一直在与谷歌的autocomplete合作进行一个项目，用它来寻找企业。然而，每当我调用它时，pac容器div就会被附加到html的主体中，而不是模态对话框的对话框标记

我尝试过很多东西，使用承诺，干扰注意力。但是，无论何时加载页面或何时将焦点放在输入框中，加载自动完成的第一次迭代都会将容器设置为主体，而不是输入框本身。我也试着把它从ready中取出，放到其他地方，回拨到google url本身

然而，一个简单的超时函数确实摆脱了pac容器，但我更愿意在不使用它的情况下解决这个问题

下面是我的对话框代码的示例

<dialog id="myDialog>
   <div class="modal-body">
     <input id="searchbox" name="searchbox"/>
   </div>
</dialog>

<script>
  $(document).ready(function () {
    initAutocomplete();
  });
</script>

---

如果有人能给我一个快速的建议，或者至少给我指出正确的方向，那就太好了。

function initAutocomplete() {
  const input = document.getElementById("searchbox");
  const autocomplete = new google.maps.places.Autocomplete(input);

  autocomplete.addListener("place_changed", () => {
    var place = autocopmlete.getPlace();
    /* Rest of the code*/
  }

}