Mapbox recipiente mapbox-gl-geocodificador superpone resultados

votos
0

Tengo 2 recipientes mapbox mapbox-gl-geocodificador estándar uno sobre otro. Y cuando los resultados de la búsqueda de la primera aparece en la lista desplegable, el segundo recipiente superpone los resultados. Probé css z-index 1000 sobre li, ul etc., pero nada funciona. Ahora que terminó con

geocoderStart.on('results', function(ev) {
            document.getElementById('geocoderEnd').style.visibility = hidden;
        });
        geocoderStart._inputEl.addEventListener('input', function (e) { document.getElementById('geocoderEnd').style.visibility = hidden; });
        geocoderStart._inputEl.addEventListener('blur', function (e) { document.getElementById('geocoderEnd').style.visibility = visible; });

pero está libre de errores. ¿Hay una manera sencilla css para superponer segunda entrada con resultados li? Gracias

Mi código

const geocoderStart = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            mapboxgl: mapboxgl,
            countries: 'us',
            marker : false,
            flyTo : false,
            placeholder : Starting point,
        });
        const geocoderEnd = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            mapboxgl: mapboxgl,
            countries: 'us',
            marker : false,
            flyTo : false,
            placeholder : Destination point,
        });

        document.getElementById('geocoderEnd').appendChild(geocoderEnd.onAdd(map));
        document.getElementById('geocoderStart').appendChild(geocoderStart.onAdd(map));

introducir

Publicado el 13/02/2020 a las 23:56
fuente por usuario
En otros idiomas...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more