# Moving the base layer hides the active overlay

I am using angular-leaflet-directive and moving or changing the zoom of the base map hides the active layer. In my example I have one base map and one overlay and if I inspect the page I have this:

I have two overlayes instead of one overlay and one basemap and both with que same z-index.

My code is:

 var layer = {
baselayers: {
xyz: {
name: 'OpenStreetMap',
url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
type: 'xyz'
},
topo: {
name: "World Topographic",
type: "agsDynamic",
url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"
}
},
overlays: {}
};


This only pappens with TOPO baselayer; with OpenStreetMap does not happen.