I've spent hours trying to solve this problem. The issue first arose on iOS while working on a website I had recently launched. I've tested the code below, and it works correctly 90% of the time, but occasionally fails.
<button className="p-8" onClick={() => (console.log("successful click"))}>test</button>
Despite using tailwindcss, I've attempted to add the cursor: "pointer" style to both the button and parent divs without success. I've also tried adding an id with a separate javascript addEventHandler, using onClick="void(0)" on both parent and child divs, and even calling onTouchStart in addition to onClick. While the latter somewhat resolved the issue, it led to a new problem of items being double-clicked. I've exhausted all resources on the internet but nothing seems to be working.