Description of the issue:
I have an image slider animated on opacity with and changing z-index of images so that the total opacity of images is never below 1 (thus not letting the background show through). The animation is bound to transitionend event and it seems to flicker at the end of animation, only on iOS Brave. The issue is not present in iOS Safari or iOS Chrome, nor Chrome, Brave, or Firefox on Windows.
How can this issue be reproduced?
- visit codepen https://codepen.io/hyvyys/pen/JjOeyry
- wait for slides to change or tap on image to change them
Mobile Device details
iPhone 12 Pro