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?