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