Skip to content

GoogleMutant not allowing buttons/links on popup on iOS

Hi I'm using Leaflet in a Cordova APP.

I use:

  • Leaflet 1.0.3+ed36a04
  • Leaflet.GoogleMutant.js (latest version available today 19 Apr 2017)
  • Cordova
  • Jquery
  • Jquerymobile

I created a popup with the following code:

function onMapClick(e) {    
             
    getaddressFromLatLon(e.latlng.lat,e.latlng.lng, function(){
        map.setView(new L.LatLng(e.latlng.lat,e.latlng.lng), defaultv.selectZoom);
        popup
        .setLatLng(e.latlng)
        .setContent("New My name:"+' '+
        '<a href="index.html" id="clickName"><span id="popupSpan">' + $('#My_Name').val() + '</span></a><br/> <input id="popupInput" type="text" value="'+$('#My_Name').val()+'"/></br><input class="btn_addMy" type="button" id="submitMy" value="All"/>' +
                    '<input class="btn_addMy" type="button" id="submitMySup" value="Only"/>' +
        ''
        )
        .openOn(map);
        $("#popupInput").keyup(function (e) {
        $('#My_Name').val(this.value);
        });
        $(".btn_addMy, #clickName").on( "click",function (e) {
        e.stopImmediatePropagation();
        e.preventDefault();
        map.closePopup();
         
        insertMyToDB(e.target.id);
        });
    }
    );
}

map.on('contextmenu', onMapClick);

I cannot click either the text input or the buttons or the hyperlinks...

This issue happens only on iOS (both simulator and real devices) Ripple and Android work fine...

Please note: it looks like the button is not clicked at all (not that is seems clicked but nothing happens)

If I switch to openstreetmap everything works fine also on iOS so I tend to think this issue is related to GoogleMutant..

Any suggestion?

Thanks