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:
enter image description here

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}{z}/{x}/{y}.png',
                    type: 'xyz'
                topo: {
                    name: "World Topographic",
                    type: "agsDynamic",
                    url: ""                       
            overlays: {}

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

thanks in advance

Source: AngularJS

Related Post