Как вы создаете раскрывающийся список API автозаполнения Google Адресов, чтобы быть «отзывчивым»?

Question

У меня есть рабочий поиск и автозаполнение из API Google Адресов на моем сайте. Проблема в том, что, когда окно поиска находится слишком близко к краю экрана, выпадающее меню автозаполнения отображает НИЖЕ, и вы его не видите.

Как сделать его отзывчивым? Так что, когда выпадающее меню будет отображаться на экране, оно переходит на другую сторону, и на самом деле это видно?

Я видел документацию здесь: https://developers.google.com/maps/documentation/javascript/places-autocomplete И я вижу, что у них есть класс для выпадающего «pac-container», но ничего об этом нет.

Кто-нибудь знает, как это сделать? Спасибо!

Answer 1

Это работает для меня:

<style type="text/css"> 
    .pac-container{ 
    margin-top: -210px; 
    } 
</style>