Предложения Google Maps SearchBox не отображаются

Question

Я использую Карты Google, чтобы создать карту и позволить пользователям искать местоположение в обычном режиме, но я просто не могу отобразить раскрывающийся список предложений. Все остальные функции Google Maps, которые я использую, работают нормально. Это мой Javascript код:

newItemMap = new google.maps.Map(document.getElementById(newItemMapDivId), {
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 15,
        draggable: true
    });

    var input = document.getElementById(newItemSearchBoxId);


    try {
        newSearchBox = new google.maps.places.SearchBox(input);
    } catch (e) {
        console.log(e);
    }

    newItemMap.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

Появляется и работает окно поиска, карта и элементы управления. За исключением случаев, когда я печатаю внутри поля ввода, ничего не происходит. Я ожидаю появления выпадающего списка предложений. Я пытался изменить версию API Карт Google, другие z-индексы и перемещаться по вводу, но выпадающее предложение просто не появится. И я не могу понять, почему, любая помощь приветствуется! В моем облаке Google активированы оба места и геокодирование. Я не получаю никаких ошибок в консоли. Основная технология хостинга - Blazor Server.

Answer 1

Оказывается, это была проблема с z-index. У компонентов, которые я использовал, был сценарий, который всегда помещал себя в самый высокий z-индекс.