I have see this issue raised a few times before and I have tried every solution so far to no avail.
The issue that I am having is that none of the buttons on my app will fire when the app is being used on an iPhone or iPad. It works perfectly fine on Safari on IOS, it works perfectly fine on android and on other browsers, but it will not do anything on the app version on IOS.
button[0].addEventListener ("touchstart click", function() {
var aa = document.getElementById("Day 0");
var q = aa.options[aa.selectedIndex].value;
var r = day.indexOf(q);
var rr = day[r];
var a = 1;
document.getElementById("infoTd10").innerHTML = rr;
document.getElementById('div0').style.display = "none";
document.getElementById('bDivEl0').style.display = "block";
bb.remove(aa.selectedIndex);
cc.remove(aa.selectedIndex);
submit(base,userNameSt,q,a);
});I'm using vanilla javascript, the buttons are using regular addEventListener, that watches for both clicks and touch. Though the most annoying bit is that it won't even scroll. Every button has a Cursor:pointer;
All the buttons and scrollable content are contained in an inner div. All elements are created through javascript apart from that one div.
Would anyone have any idea as to what the issue could possibly be here? Hopefully i've provided enough information. Thanks in advance.