Here  is my aura component , suddently it didnt want to display nothing more that the button and selector and i dont understand why. Basically the things  that are not displayed are the map and the list. THis behaviour is only on mobile app  , on desktop is working just fine.


<aura:component >
    <aura:attribute name="map" type="Object"/>
    <aura:attribute name="markers" type="Object"/>

    <ltng:require styles='/resource/leafletMarkerCluster/Leaflet.markercluster-1.4.1/dist/MarkerCluster.css, 
/resource/leafletMarkerCluster/Leaflet.markercluster-1.4.1/dist/MarkerCluster.Default.css,
/resource/leaflet/leaflet.css,
/resource/leafletSearch/leafletSearch/leafletSearch/dist/leaflet-search.min.css'
                  
                  scripts='/resource/leaflet/leaflet.js,/resource/leafletMarkerCluster/Leaflet.markercluster-1.4.1/dist/leaflet.markercluster.js,                        /resource/leafletSearch/leafletSearch/leafletSearch/src/leaflet-search.js,                    /resource/LeafletFilterCluster/Leaflet.MarkerCluster.LayerSupport-master/src/layersupport.js,
 /resource/LeafletLocateControl/leaflet-locatecontrol-gh-pages/dist/L.Control.Locate.min.js'
                           
                  afterScriptsLoaded="{!c.jsLoaded}" />
    
    <div aura:id= "screen">
          
        <div id="map" aura:id="mapSize" class="mapSize" style="position:relative;">   

         
        <div id = "select"  >
            <c:Selector/>
        </div>
        <div id="listControl" >
            <lightning:button class="button" aura:id="buttonList" label="Button" onclick="{!c.click}" />
        </div>

    </div>
       <div  aura:id="listDiv" class ="listDiv">
    <aura:if isTrue="{!v.map}"> 
       <c:AccountList aura:id="list" /> 
    </aura:if>
    </div>       
        </div>
</aura:component>