Мы используем Google Places API для предложений автозаполнения. Внедрение в Angular было довольно простым, благодаря как существующим библиотекам, так и нескольким учебникам о том, как реализовать его самостоятельно, если необходимо.
Теперь я попробовал оба варианта с использованием библиотеки (https://github.com/angular-material-extensions/google-maps-autocomplete ) и выполнение директивы для себя. Оба решения работают нормально, но имеют одну и ту же проблему, заключающуюся в том, что после использования пары входов с подключенным автозаполнением в какой-то момент предложения появляются в неправильном месте. Иногда всего несколько пикселей, иногда даже вне экрана.
edit: мне удалось отследить ошибку до проблемы положения прокрутки. Элемент автозаполнения Places абсолютно позиционируется на странице. Если я прокручиваю и использую автозаполнение в модальном режиме, оно неправильно позиционируется. Установка position:fixed для подсказок типа .pac-container, но после прокрутки страницы возникает ошибка.
Столько проблем по этому поводу на SO, почему Google никогда не исправлял это?!
У кого-нибудь есть идеи как это исправить? Спасибо!