AnsweredAssumed Answered

Mobile Popup Behind Buttons

Question asked by D.E.Smith99 on Oct 10, 2014
Latest reply on Oct 24, 2014 by D.E.Smith99

JavaScript noob so pardon my ignorance.


I'm building a app that is to be mainly used on mobile devices.


The issue i am hoping you all can help me with is that when opened the MobilePopup is behind the home, locate, and additional button i have added. Note the navigation buttons are properly behind the the Popup.


I'm using the 3,11comnpact API


// set up geolocator
                    geoLocate = new LocateButton({
                        map: map
                    }, "LocateButton");
                    //set up geolocator and home buttons
                    var home = new HomeButton({
                        map: map
                    }, "HomeButton");

                    //info window and info Template
                    var infoWindow = new PopupMobile(null, DomConstruct.create("div"));
                    var infoWindowTemplate = new InfoTemplate();

        html, body, #mapDiv{
            padding: 0;
            margin: 0;
            height: 100%;
        #LocateButton {
            position: absolute;
            top: 95px;
            left: 20px;
            z-index: 50;
        #HomeButton {
            position: absolute;
            top: 135px;
            left: 20px;
            z-index: 50;
        #nearButton {
             position: absolute;
             top: 175px;
             left: 20px;
             width: 35px;
             border-radius: 5px;
             opacity: 0.75;
             z-index: 50;
    <div id="mapDiv">
        <div id="HomeButton"></div>
        <div id="LocateButton"></div>
        <button id="nearButton" data-dojo-type="dijit/form/Button"></button>