Brave mobile: CSS dropped keyframes and animation-delay

Troubleshooting technical issues is much easier when both the user and support agent practice clear communication. For this reason, we have provided the template below for you to fill out with information about your issue. Please provide as much detail as possible so we can most efficiently resolve your problem.


css keyframe animations, such as animating a translationX on an element appears to drop frames. The effect is noticeable the fewer the frames, the faster the animation. An animation with 100 frames seems smooth but with 2 frames simply jumps to the finish. The cause appears to be animation-delay, which should be 0 by default. In fact, setting it to 0 has no affect, the animation has a noticeable delay. This seems to cause a dropping of a fixed quantity of keyframes which is, of course, is very noticeable when the number of keyframes is small (eg: it drops the first 2 of 3 keyframes) but when the number of keyframes is larger, the few dropped keyframes aren’t very noticeable.

In fact I can make it smooth by adding some “throw away” keyframes to the animation. But this disrupts the animation on other browsers.

Expected result:
smooth keyframe animation.

Brave Version( check About Brave):
1.39.1 (22.6.10.17)

Mobile Device details
IOS latest, brave latest, iPhone 13Pro

Additional Information:
works correctly on Brave desktop, Safari mobile, Chrome mobile. Only fails on Brave mobile (IOS)

Hi and welcome to the community. :slightly_smiling_face: I know nothing about ios or what you are talking about! Sorry. I did notice there is a new Brave Release version 1.40 in the App Store. You might want to update Brave and see if that solves your problem.

I’m also posting a closed Brave GitHub issue report that may be related. You might want to search the GitHub brave/brave-ios issues, both closed and open, to see if there is anything there related.

Hopefully someone who knows what the heck you are talking about pops in to help troubleshoot. :wink:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.