Button Press Issues (Needing To Tap Multiple Times)

[ghost]

This is my first time using ionic-capacitor, so forgive me if I am making a simple mistake. I am using this package to turn the react app i have made into an ios app. Mostly for testing, but if I can get a functional application out of it all the better.

My issue is, when the app loads up, it requires me to press 3 times for any button to work. After that, everything seems to work fine. I can press buttons once and they function normally. It isn't an issue on the React side since the app works flawlessly when i test it in the browser.

My first thought is that my nested divs are responsible, since there is another instance where the app does something like this. I have a feed of posts with a like button nested inside each post div. If I start scrolling through the feed, the like button requires two presses to work. After the two presses, I can toggle the like/dislike with one press. Almost as if when i select an element, it is "focusing" on that div first, and then requires me to press again on the element inside that I want to select. If this is the case, it may explain the 3-press issue. But I honestly doubt it since some buttons aren't even nested in a div and require the same 3-presses at the start to work.

I'm really at a loss. Any help would be greatly appreciated! I'm not sure how much my code will help since it works fine in the browser, but if you need more information I am happy to provide.

Thanks!