opened
marcoamadori
username_0
Hi!
I have added two different geocoders in the same map (I need them to create a travel planner, from point A - the first geocoder - to point B - the second geocoder).
They are one below the other.

The problem is that the list of results that appears below the first geocoder is hidden by the second geocoder. Is there a way to create a sort of order like layers?
Overlapping of two geocoder
issue
created
louh
username_1
There's definitely an argument here for rewriting the DOM to get around the positioning problems. For now, the easiest way to do this is get the first geocoder element to be at a higher z-index level than the second one.

```js
document.querySelectorAll('.leaflet-pelias-control')[0].style.zIndex = 811;
```
comment
created
louh
username_1
Hi @username_0, I made an example page demonstrating this in action. https://mapzen.github.io/leaflet-geocoder/examples/two-geocoders.html

Hope that helps. Closing this now!
comment
closed
louh
username_1
issue