[IOS14, 15] Button Click event does not work at the end of CSS animation

https://codesandbox.io/s/react-typescript-popuptest-q0bn0d?file=/src/App.tsx

Here's a simple project with a modal that has a CSS fade-in animation.

The modal window has a close button, but in iOS 14-15 safari, the modal does not disappear when I click the button when the fade effect ends. (It works on other OS such as Windows, MACOS, and Android)

https://www.youtube.com/watch?v=BLYgK08BZkU

If you watch this video, you can see that the modal window doesn't disappear when I click the button at the end of the animation

What is the cause of this problem, and is there a solution?

[IOS14, 15] Button Click event does not work at the end of CSS animation
 
 
Q