Our React web application uses a Stripe element form for checkout (see here for details). It injects an iFrame form into the website. As expected, when using the site on iOS Safari, the credit card keyboard pops up when the user focuses on the Stripe input.
But then things go wrong. First, if the user taps elsewhere on the page, the keyboard stays up. Not a huge problem, because you can tap 'done' to dismiss the keyboard.
But then - ANYTIME a user taps on the site, the keyboard pops up. Tapping 'done' does nothing - on the next tap, it pops up again. It finally stops after the user focuses on another input field.
I've tried manually calling blur() on the Stripe element when the React component unmounts, but with no luck. Incredibly, you can replicate this issue using the Xcode simulator. What in the h*ck is going on?